Overview
The MERN stack shopping cart app is a project built with technologies such as React, Redux, Node, Express, and MongoDB. It incorporates a responsive front-end design using Material-UI and utilizes Redux for state management. The app features a RESTful API design and can be run in Docker containers or separately.
Features
- MERN Stack: Built using MongoDB, Express, React, and Node for a full-stack development experience.
- Material-UI Design: Utilizes Material-UI for a responsive front-end design.
- Redux State Management: Implements Redux for managing the application’s state.
- RESTful API: Designed with a RESTful API approach for efficient data handling.
- Docker Compatibility: Can be run in Docker containers for easy deployment and management.
Installation
To install and run the MERN stack shopping cart app, follow these steps:
- Ensure Docker is installed on your system.
- Clone the repository to your local machine.
- Run
docker-composeto pull images and build containers for the frontend, backend, and database. - Access the running app at
localhost:3000.- Frontend runs on port 3000, backend on port 5000, and the database on port 27017.
- Use
docker exec -it <container name> bashfor troubleshooting if needed.
Summary
The MERN stack shopping cart app is a learning example showcasing the integration of React, Redux, Node, Express, and MongoDB. It provides a responsive design with Material-UI and implements Redux for state management. By utilizing Docker containers, the app offers ease of deployment and can also be run separately without Docker, making it a versatile project for showcasing full-stack development skills.