Thanks to visit codestin.com
Credit goes to Github.com

Skip to content

This project is a frontend implementation of a dessert shop application focusing on product listing and cart management functionalities. It replicates core features found in e-commerce platforms like Amazon or Flipkart, showcasing how products are displayed and managed within a shopping cart πŸ›’.

Notifications You must be signed in to change notification settings

Aayush259/Product-listing-with-cart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

27 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🍰 Dessert Shop - Product Listing and Cart Management

This project is a frontend implementation of a dessert shop application focusing on product listing and cart management functionalities. It replicates core features found in e-commerce platforms like Amazon or Flipkart, showcasing how products are displayed and managed within a shopping cart πŸ›’.

🌟 Features

  • Product Listing: Displays a variety of desserts fetched from a JSON data source.
  • Cart Management: Allows users to add, remove, and views items in the cart.
  • Order Confirmation: Provides a streamlined checkout process with an order confirmation window.

πŸ› οΈ Technologies Used

  • React
  • Tailwind CSS 🌈
  • Context API

πŸ“ Implementation Details

Product Listing

The DessertContainer components fetches dessert data dynamically from a JSON file and renders each dessert item using the DessertCard component. It employs responsive design principles to optimize display across different screen sizes.

Cart Management

The Cart component manages cart items (cartItems) and calculates the total order price (totalOrderPrice). Users can add or remove items from the cart, and upon order confirmation, the cart state is reset.

User Interaction

  • AddToCartButton allows users to increment or decrement item quantities in the cart.
  • OrderConfirmedWindow displays a confirmation message after the order is placed, with options to start a new order.

πŸ–ΌοΈ Screenshots

Cart Management Order Confirmation

πŸŽ‰ Credits

This project is inspired by the Frontend Mentor challenge, focusing on frontend development skills and best practices.

πŸ“¬ Feedback and Suggestions

Your feedback is valuable! If you have any suggestions, ideas, or improvements for this project, please feel free to open an issue or submit a pull request. Your contributions are welcomed and appreciated πŸš€.

About

This project is a frontend implementation of a dessert shop application focusing on product listing and cart management functionalities. It replicates core features found in e-commerce platforms like Amazon or Flipkart, showcasing how products are displayed and managed within a shopping cart πŸ›’.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published