gangadharashettypj / flexmart

E-commerce website FlexMart: topic for 3rd year project using MERN stack

FlexMart

E-commerce web app built using MERN stack for 3rd year Web Development Project with features like CRUD operations, conditional Rendering of components, search bar and sidebar for filtering, modal for data display and edit, protected routes with token from backend after authentication ie. login/signup based on user role, display of data relevant to the component and user and much more.

Run

1. Clone repo.
2. cd to project folder.
3. Make sure nodejs is installed.
4. npm install
5. npm start. This will start the frontend server at port 3000.
6. cd backend to move to backend folder.
7. nodemon server.js. This will start backend server at port 5000.

Description

FlexMart has 4 departments:

1. Admin
2. Customer
3. Warehouse
4. Delivery

Brief explanation

Admin

This view will be used by administrators of the webapp and the mart for adding, editing, removing employees.

Customer

This view is for customers to buy different products. Currently 4 categories of products are there:

1. Food
2. Furniture
3. Clothes
4. E-devices

Warehouse

This view is for the workwers who will update the website based on the goods available/stored in the warehouse.

Delivery

This view is updated when the customer buys a product and the product is ready for delivery.

UI Snapshots

Welcome Login Signup

Admin

Customer

Delivery

Warehouse