Shop-Clone

SHOP.COM Clone done during Unit 5 Construct Week of Masai School.

Abstract

This project is a one to one clone of the online e-commerce website of "SHOP.COM" which was done as a part of Masai School Construct Week. The project includes the Landing page, Login and Signup page, Product pages for Men, Women, and Jewellery. The project is truly interactive and functional with features such as Login validation, Sorting product based on keys, and Filter based on categories, Cart feature and Payment checkout.

Routes (API)

http://localhost:3000 - Home Route

http://localhost:3000/products - All Products Route

http://localhost:3000/product/:name/:id - Single Product Route

http://localhost:3000/cart - Cart Route

http://localhost:3000/signup - Signup Route

http://localhost:3000/signin - Singin Route 

http://localhost:3000/addressDetails - Address Details Route

http://localhost:3000/shipping - Shipping Route 

http://localhost:3000/addressDetails - Address Details Route 

http://localhost:3000/payment - Payment Route 

Code Features

• Login and Signup Pages
  
• Login Credential Validation
  
• Landing Page
  
• Fully Functional Interactive Navigation Bar
  
• Product Section based on Categories
  
• Sort Feature
  
• Filter Feature
  
• Search Option
  
• Cart Feature
  
• Payment Checkout
  

Technologies Used

• HyperText Markup Language
  
• Cascading Style Sheets
  
• Vanilla JavaScript ES6
  
• React
  
• antd
• Node.js
  
• Express
  
• MongoDB
  
• NPM
  
• Local Storage
  

Deployment Link

https://shop-com.netlify.app