E-commerce Website Live View
This is a full-stack shopping application built using MERN stack by a team of 5. The application loads products from a MongoDB database and displays them using React and Chakra UI ( front-end ), NodeJs and ExpressJS ( back-end ).
Users can click on any product to get more information about it and add it to their shopping cart. One can then proceed to payments page, hence completing the flow of the website.
User authentication and product fetching is done using REST API. The cart ( products and their quantity ) is also simultaneously updated in the backend.
Visit here.
- MongoDB
- Express.js
- ReactJS
- Node.js
- Chakra UI
Here are screenshots that show the application in use.
The Home Page displays a complete overview of the website. The featured brands, and links to the whole website.
Any User can Signup on the website by simply adding few details and use them to login later.
On hover you can navigate to different options
The page displays different products and user can filter them by category, brand, price etc.
Get all the details about a products, it's availability and add it to the cart.
Know what is in your cart, change their quantity or remove from the cart.
Add address, make a payment and wait for happiness to be delivered at your doorstep.
To get started you can simply clone this VIOLENT HOPE website repository and install the dependencies.
Clone the repository using git:
git clone https://github.com/hurmitg/violent-hope-9407.git
cd violent-hope-9407Install the backend dependencies and run them :
npm install
npm run serveInstall the frontend dependencies and run them :
cd frontend
npm install
npm run start