Welcome to my React E-commerce App project! This is a full-fledged online shopping experience with a dynamic product catalog, cart functionality, and more. 🚀
- Introduction
- Features
- Technologies Used
- Project Setup
- Usage
- Video
- Contributing
This React E-commerce App is a showcase of a fully functional online store with a user-friendly interface. It allows users to browse products, add them to the cart, edit product details, and manage their shopping experience seamlessly.
- Display cart items count dynamically.
- Show relevant navigation links for easy navigation.
- Display a list of products from the API.
- Edit product details inline with a pencil button.
- Delete products with a confirmation alert.
- Implement sorting by price with a cross button to remove the sort.
- Add products to the cart with a user-friendly button.
- Add new products to the database with a confirmation alert.
- Show comprehensive details of a selected product.
- Add the product to the cart with a button.
- Display all items in the cart.
- Remove item from cart
- Decrease quantity
- Increase quantity
- Handle errors and success alerts for a smooth user experience.
- Efficiently handle errors from the API and display appropriate alerts.
- Utilize Redux Toolkit for state management, ensuring a seamless flow of data.
- Utilizing firebase firestore to add and remove cart items.
- React
- Redux
- React Router
- JSON Server for creating a dummy ecommerce API
- Firebase Firestore
- React Loader
- React Toastify
-
Clone the repository: git clone https://github.com/ParmodKumar28/E-Commerce-React-App
-
Install dependencies: cd E-COMMERCE REACT APP npm install
-
Start the React app: npm start
-
Open http://localhost:3000 in your browser.
Explore the products, edit them, add to the cart, and enjoy a seamless shopping experience! 🛒
E-Commerce.React.Website.mp4
Contributions are welcome! Feel free to open issues or submit pull requests to improve the project:)