Quick Links

User Stories

User Story 1

As a plant lover, I want to browse plants easily so that I can find ones suitable for my home.

User Story 2

As a customer, I want a search bar so that I can quickly find specific plants.

User Story 3

As a beginner, I want care tips included with plants so that I can keep them healthy.

User Story 4

As a shopper, I want to view plant prices clearly so that I can compare within my budget.

User Story 5

As a visitor, I want blog articles so that I can learn more about plant care and trends.

Wireframe Gallery

References

Readme Preview

# **Perenia Plants, Online Shop** A personal online store of a Plant Nursery, where enthusiast can browse plants, shop, read the Nurserys blog articles and learn about plant care resources. Built with HTML, CSS and Bootstrap. --- ## Table of Content -[Technologies used](#technologies-used) -[Features](#features) -[Project Structure](#project-structure) -[Installation](#installation) -[Deployment](#deployment) -[Contact Information](#contact-information) --- ## **Technologies used** -Frontend: HTML, CSS -Framework/Libraries:Bootstrap 5, formspree.io -Tools: Git, VS Code, -Other Resources: developer.mozilla.org/en-US/,picsum.photos, Icons8.com --- ## **Features** -Responsive in mobile and desktop devices. -Navigation bar with searchbar. -Interactive Gallery with carousel support. -Shop Page designed with card structure. -Personal Column style timeline blog. -Socials external link page. -Contact Form under at end FAQ page, last accordion on list. -Project development content preview page with static side navigation. --- ## **Project Structure** [my-website](https://lruizrodr.github.io/Project_1/index.html)/ │── index.html # Main entry point, Home │── AboutMe.html # About page │── Shop.html # Shop page │── Blog.html # Blog page │── Socials.html # Socials page │── FAQ.html # FAQ page │── Dashboard.html # Dashboard Project Presentation Preview page │── README.md # Project documentation │ ├── css/ # Custom styles │ │ └── AboutMe.css │ │ └── Blog.css │ │ └── Dashboard.css │ │ └── FAQ.css │ │ └── index.css │ │ └── Shop.css │ │ └── Socials.css │ | ├── Images/ # Images & icons │ │ │ └── AboutMePortrait.png │ │ │ └── AboutMe.drawio.png │ │ │ └── Background.png │ │ │ └── Blog.drawio.png │ │ │ └── Dashboard.drawio.png │ │ │ └── FAQ.drawio.png │ │ │ └── Home.drawio.png │ │ │ └── Shop.drawio.png │ │ │ └── Socials.drawio.png --- ## **Installation** -git clone https://github.com/lruizrodr/Project_1 cd https://lruizrodr.github.io/Project_1/ --- ## **Future Development** -Interactive functions on About Me page, info pop-us. -Work on making a functional shop page, to add subsections and filters. -Create an organized structure and filing system for shop owner blog. -Live feed of socials page for most active and used social network. --- ## **Deployment** -GitHub Pages --- ## **Contact Information** For information, questions and/or feedback reach out at: Luis A. Ruiz - LRUIZ0002@GMAIL>COM