https://github.com/syed-moosha/product-context-api

This React application using context Api implements a shopping cart for products, allowing users to view, add, and manage items.
https://github.com/syed-moosha/product-context-api

context-api flowbite react react-icon tailwind

Last synced: 7 days ago
JSON representation

This React application using context Api implements a shopping cart for products, allowing users to view, add, and manage items.

• Host: GitHub
• URL: https://github.com/syed-moosha/product-context-api
• Owner: Syed-Moosha
• Created: 2024-10-31T16:56:40.000Z (8 days ago)
• Default Branch: main
• Last Pushed: 2024-10-31T17:04:49.000Z (8 days ago)
• Last Synced: 2024-10-31T18:18:14.298Z (7 days ago)
• Topics: context-api, flowbite, react, react-icon, tailwind
• Language: JavaScript
• Homepage: https://productcontextapi.netlify.app/
• Size: 50.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Summary

This React application implements a shopping cart for products, allowing users to view, add, and manage items. 

Key features include:

- **Product Display**: Each product shows an image, title, description, price, and rating.

- **Quantity Management**: Users can increase or decrease the quantity of items in the cart using buttons.

- **Dynamic Total Calculation**: The total price and quantity are calculated in real-time.

- **Remove Items**: Users can delete items from the cart.

- **Responsive Design**: The layout adjusts for different screen sizes and supports dark mode.

The application utilizes:

# React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

- **Flowbite** for UI components.

- **Tailwind CSS** for styling.

The main components include `Cards`, which render the product list, and a context provider to manage the state of the cart data.