https://github.com/hurmitg/violent-hope-9407
Clone of MyTheresa.com. A collaborative project built by a team of 5, using MERN stack and Chakra UI.
https://github.com/hurmitg/violent-hope-9407
api ecommerce javascript js mern-stack react
Last synced: 12 months ago
JSON representation
Clone of MyTheresa.com. A collaborative project built by a team of 5, using MERN stack and Chakra UI.
- Host: GitHub
- URL: https://github.com/hurmitg/violent-hope-9407
- Owner: hurmitg
- Created: 2022-11-08T10:30:24.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-11-27T19:12:15.000Z (over 2 years ago)
- Last Synced: 2025-04-12T16:40:09.661Z (over 1 year ago)
- Topics: api, ecommerce, javascript, js, mern-stack, react
- Language: JavaScript
- Homepage: https://violent-hope-ecomm.netlify.app/
- Size: 896 KB
- Stars: 7
- Watchers: 2
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://violent-hope.netlify.app/)._**
## Tech Stack
- MongoDB
- Express.js
- ReactJS
- Node.js
- Chakra UI
Here are screenshots that show the application in use.
Landing Page
The Home Page displays a complete overview of the website. The featured brands, and links to the whole website.
---
Authentication Page
Any User can Signup on the website by simply adding few details and use them to login later.
---
Navbar
On hover you can navigate to different options
Products Page
The page displays different products and user can filter them by category, brand, price etc.
---
Product Details Page
Get all the details about a products, it's availability and add it to the cart.
---
Cart Page
Know what is in your cart, change their quantity or remove from the cart.
---
Order Placed Page
Add address, make a payment and wait for happiness to be delivered at your doorstep.
---
## Getting Started
To get started you can simply clone this `VIOLENT HOPE` website repository and install the dependencies.
Clone the repository using git:
```bash
git clone https://github.com/hurmitg/violent-hope-9407.git
cd violent-hope-9407
```
Install the backend dependencies and run them :
```bash
npm install
npm run serve
```
Install the frontend dependencies and run them :
```bash
cd frontend
npm install
npm run start
```
## Team Members
- [Sharun](https://github.com/SHARUN266)
- [Onkar](https://github.com/Onkar271998)
- [Utkarsh](https://github.com/utkarshqw)
- [Vivek](https://github.com/Vivek-Nemade)
- [Hurmit](https://github.com/hurmitg) `(TL)`