Ajio-Clone

Ajio Clone done during 3rd and 4th Construct Week of Masai School

Abstract

This project is a one to one clone of the online e-commerce website of "Ajio" which was done as a part of Masai School Construct Week #3 and #4. The project includes the Landing page, Login and Signup page, Product pages for Men, Women, and Kids section. 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:5000/products  - all products route (GET)

http://localhost:5000/products/men - men products route (GET)

http://localhost:5000/products/women - women products route (GET)

http://localhost:5000/products/kids - all kids products route (GET)

http://localhost:5000/products/boy  - all boys products route (GET)

http://localhost:5000/products/girl - girl products route (GET)

http://localhost:5000/login - Login user (POST)

http://localhost:5000/register - Register user (POST)

Core Features

• Login and Signup Pages
• Login Credential Validation
• Landing Page and Hero Section
• 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
• Node.js
• Express
• MongoDB
• NPM
• Local Storage
• Google OAuth

Snippets of the website

Home Page

Men Page

Women Page

Kids Page

Product Page

Address Page

Payment Page

Demo

• Presentation Demo

• Blog Link