This project is a simple mart app built using React and Redux. It allows users to view products and add them to a shopping cart.
To run the project locally, follow these steps:
-
Clone the repository to your local machine: git clone https://github.com/your-username/mart-app.git
-
Navigate to the project directory: cd mart-app
-
Install dependencies: npm install
-
Start the development server: npm start
-
Open http://localhost:3000 in your browser to view the app.
The project structure is organized as follows:
mart-app/ ├── src/ │ ├── components/ │ │ ├── Product.js │ │ └── Cart.js │ ├── store/ │ │ ├── actions/ │ │ │ └── actionTypes.js │ │ ├── reducers/ │ │ │ └── rootReducer.js │ │ │ └── cartReducer.js │ │ └── store.js │ ├── App.js │ ├── index.js │ └── index.css ├── public/ │ └── index.html ├── package.json └── README.md
Copy code
-
Redux Integration: Implemented Redux for state management, including action creators, reducers, and the Redux store.
-
Product Component: Created a Product component to display individual product items.
-
Cart Component: Implemented a Cart component to display the shopping cart and added items.
-
Styling: Applied CSS styles to the components for better visual presentation.
-
README: Added this README file to provide project details and modifications made.
- Click on the "Add to Cart" button on the Product component to add items to the shopping cart.
- View the shopping cart items in the Cart component.
Contributions are welcome! Feel free to open an issue or submit a pull request for any enhancements or bug fixes.
This project is licensed under the MIT License - see the LICENSE file for details