This is an e-commerce web app built with Redux. Live demo here.
The purpose of this task was to take a fully functioning e-commerce store built using React's Context API, and refactor it to be fully built with Redux. This app is built using the MERN stack and a GraphQL server. It is set up to allow users to have the following features:
- Update products in Cart
- Add products to Cart
- Update Cart quantity
- Remove items from Cart
- Add multiple items to Cart to the back end.
- Update categories
- Update current category
- Clear Cart
- Toggle Cart
This task involved the following:
- Rebuilt the app using Redux.
- Ensured all tests pass upon migration to Redux.
​Install dependencies using:
npm install
Need to have MongoDB and MongoDB Compass installed locally to run the app. Alternatively, you can also refer to the live app.
The application will then be invoked by using the following command:
npm run develop
Below depicts functionality of the main app main features:
Below also depicts functionality of the app at checkout:
Below depicts how to run the app tests using Jest:
- Redux
- GraphQL
- MongoDB
- Express.js
- React
- Node.js
- Text editor (VS Code recommended)
- An Internet browser (Google Chrome recommended)
- MongoDB and MongoDB to be locally installed
- MongoDB Atlas for live deployment
- Heroku
Project is: complete.
Created by -@moedaaboul
- Feel free to contact me!
This work is licensed under MIT.