The Shopping Cart, also known as Ecomzy, is a simple web application built during web development bootcamp to understand the concept of store and slices in React.js. It demonstrates the basic functionality of a shopping cart, allowing users to add products, adjust quantities, and calculate the total price. The application utilizes React, HTML, and CSS (Tailwind) to create a responsive and user-friendly interface. EXPLORE!
-
Product Listing: Users can view a list of available products, including their name, price, and an option to add them to the cart.
-
Cart Management: Users can add products to the cart, adjust the quantity of each item, and remove items from the cart.
-
Total Calculation: The application calculates and displays the total price of all the products in the cart.
To run the Shopping Cart locally, follow these steps:
- Clone the repository:
git clone https://github.com/abhixsliet/shopping-cart.git- Navigate to the project directory:
cd shopping-cart- Install the dependencies:
npm install- Start the development server:
npm start- Open your browser and visit
http://localhost:3000to access the application.
If you're new to React or need a refresher, the following resources may be helpful:
-
React Official Documentation: The official documentation for React, providing detailed guides, tutorials, and API references.
-
Create React App: Official documentation for creating a new React app using Create React App.
-
Tailwind CSS Official Documentation: The official documentation for Tailwind CSS, providing information about the framework's utility classes and configuration options.
The Shopping Cart project was built during a web development bootcamp as part of the learning process. Contributions are welcome if you'd like to enhance the functionality or improve the code. Here's how you can contribute to the Shopping Cart project:
-
Fork the repository.
-
Create a new branch:
git checkout -b my-feature-branch. -
Make your changes and commit them:
git commit -m 'Add some feature'. -
Push to the branch:
git push origin my-feature-branch. -
Submit a pull request.
Please note that this project was primarily intended for learning and practice, so major feature additions or architectural changes may not be accepted. However, bug fixes, code optimizations, and small enhancements are appreciated.
The Shopping Cart is released under the MIT License. Feel free to use and modify the code according to your needs.
Thank you for your interest in the Shopping Cart project! If you have any questions or need further assistance, please don't hesitate to reach out. Happy shopping!