MERN e-commerce

Tech Stack

FrontEnd:

• ReactJS
• StateManagement: Redux
• Styling: Styled-Components

Backend:

• NodeJS
• ExpressJS
• Database: MongoDB
• DB connection: mongoose
• REST API

Features of the application:

• Authentication using JSON Web Tokens (JWT)
• Option to add, edit, view and delete all the items in our store
• Display the total bill of the cart and update it as soon as the cart is updated by the user
• Option to add items or remove items from the cart
• Using Local Storage to store the JWT so that we only allow logged-in users to buy items
• Option to pay and checkout thus creating order and emptying the cart

UI images

Home Page

Login Page

Sign-up Page

Cart Page