Fullstack Shopping Cart

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:

1. Ensure Docker is installed on your system.
2. Clone the repository to your local machine.
3. Run docker-compose to pull images and build containers for the frontend, backend, and database.
4. Access the running app at localhost:3000.
   • Frontend runs on port 3000, backend on port 5000, and the database on port 27017.
5. Use docker exec -it <container name> bash for 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.