An open API service indexing awesome lists of open source software.

https://github.com/asyylz/flowershopping

Welcome to the Flower Shopping App repository! This web application allows users to browse through a variety of flowers and add them to their shopping cart for purchase.
https://github.com/asyylz/flowershopping

css html javascript vanilla-javascript

Last synced: 3 months ago
JSON representation

Welcome to the Flower Shopping App repository! This web application allows users to browse through a variety of flowers and add them to their shopping cart for purchase.

Awesome Lists containing this project

README

        


Welcome to the Flower Shopping Repo!


Welcome to the Flower Shopping App repository! This web application allows users to browse through a variety
of flowers and add them to their shopping cart for purchase..


Introduction


This Flower Shopping App is designed to provide users with a convenient way to explore and purchase flowers
online. It offers a user-friendly interface where users can view available products, add them to their cart,
and proceed to checkout.




Features


Product Display:Browse through a selection of flowers with detailed descriptions and images.


Shopping Cart:
Add products to the cart, adjust quantities, and view the total amount.


Responsive Design:The app is designed to be responsive, providing a seamless experience across
various devices.


Persistent Data:User's shopping cart data is stored locally, ensuring that it persists across
sessions.




Setup


To run this application locally, follow these steps:



  1. Clone the repository to your local machine using the following command:

  2.  git clone https://github.com/your_username/flower-shopping-app.git

  3. Navigate to the project directory you choose:

  4. cd flower-shopping-app
    

  5. Open the index.html file in your web browser.




Useage



  1. Browsing Products:
  2. Explore the available flowers by scrolling through the main page.
  3. Adding to Cart:
  4. Click on the "Add to cart" button to add a product to your shopping cart.
  5. Adjusting Quantities:
  6. In the shopping cart, use the "+" and "-" buttons to adjust the quantity of
    each product.
  7. Removing Items:
  8. Remove items from the cart by clicking on the trash icon.
  9. Viewing Total:
  10. The total amount, including VAT, is displayed at the bottom of the shopping cart.



Contributing


Contributions to the project are welcome! If you find any issues or have suggestions for improvements, please
feel free to open an issue or submit a pull request.


License


This project is licensed under the MIT License.