ProShop MERN in Redux Toolkit

eCommerce website in MERN stack

Live Deployment

Postman Backend API docs

Tech used

• Redux Toolkit
• React.js, Node.js, Mongoose, MongoDB, Express.js
• React Bootstrap
• PayPal API
• Multer for uploading images
• JSON Web Token for authentication

Objective and Functions

• To build a clone of an eCommerce platform.
• Converted whole Redux code into Redux Toolkit as it is the new way of writing Redux
• Products are added to cart and paid for by the Costumers using PayPal.
• They can see their orders all at once. Tweak their profiles. Search for products. Add their address.
• Admins can manage mark the orders as delivered.
• Admins can add products and their images.
• Admins can tweak user details too.
• Admins can make other person admin who will have the same permissions as himself.

How to Run Locally

• Add a .env file to the root of the project.
• Copy and paste .env.example file contents into .env.
• PORT refers to the backend service port. Generally, 5000.
• NODE_ENV can have two values development and production.
• PAYPAL_CLIENT_ID is for running the paypal integration in frontend.
• MONGO_URI is the MongoDB connection string. Required.
• JWT_SECRET is the key with JWT does encryption. Required.

Project Images

Home Page

Product Page

Cart

User Profile

Admin Panel Images

Paying through PayPal