Trendy Shop - Amazon Clone

This is a clone of Amazon.com, which is the one of the world's largest online ecommerce websites.

Live Link: https://trendyshops.vercel.app/

About the Project:

Trendyshop is a clone of Amazon which is made by a group of 4 members in a span of 5 days. The motive of making this was to practise and test our skills that we acquired as of now in Masai School.

Admin Features

As the project's developer, I successfully completed the entire admin site and the backend site, implementing the following features:

• Product CRUD Operations: Implemented Create, Read, Update, and Delete functionalities for products.
• Pie Chart for Filtering: Added a Pie Chart for filtering products by category.
• User Filtration: Implemented user filtration based on specific age groups.
• MVC Pattern: Followed the Model-View-Controller pattern for structured development.
• JWT Token Authentication: Ensured security with JSON Web Tokens.
• Password Hashing: Implemented password hashing for enhanced security.
• Data Entity Relationships: Established data entity relationships for the product and address so user can add multiple addresses.

user's site Features ✨

• User authentication, admin authentication.
• Dynamic Products.
• Filtering, Sorting, Search functionalities.
• Create, Read, Update, Delete fucntionalities.
• All the pages are responsive.

Contributors 😇

• 👤 Sagar Naik
• 👤 Shoaib Mansoori
• 👤 Kausik Bhaumik
• 👤 Anmol Sahota

Tech Stack

• HTML
• CSS
• JavaScript
• React
• Node.js
• JWT (JSON Web Tokens)
• Express.js
• MongoDB
• Redux
• Chakra UI
• Styled-Components

Project Routes

• Landing Page: /
• Products: /product
• Signup: /signup
• Login: /signin
• Cart: /cart
• Payment: /payment
• Admin: /adminlogin

Project Structure

>my-app
├── >src
│    └── Components
│    └── images
│    └── Pages
│    └── Redux
│    └── Styling 

Admin Site Screenshots

Admin Login:- https://trendyshops.vercel.app/adminlogin

Admin Dashboard

User's Data

Product's CRUD

User's site Screenshots

Getting Started

To get started with the project, you can either clone this repository to your local machine:

Or you can fork the repository to your own GitHub account and clone your forked repository.

Once you have the code on your machine, open the project folder in your code editor and start coding.