/jiomart_clone

About JioMart --> an Indian e-commerce website --> HTML | CSS | JavaScript | JSON Server

Primary LanguageJavaScript

Problem Statement

Our Problem statement is to build a pixel-perfect Jio Mart website clone. Previously we did a clone of a few web pages but in this problem, we were supposed to make pages dynamic.

Idea

Since I'm pursuing a Full Stack Web Development course at Masai School I was given a project to clone an Indian e-commerce website, Jio Mart. I was given a team of four members including me and the task was to clone the pixel-perfect clone of the website. Let's look at how we designed it 👇

JioMart landing page 👇 💻

image

JioMart side navbar 👇 💻

dz5PYg_Ym

JioMart SignIn and SignUp page 👇 💻

j2aww3zxi

SignIn and SignUp otp page

image

User profile page 👇 💻

after login user shows all demo data image

User can update his profile 06

User see his updated profile
image
image

Product categories 👇 💻

Groceries

image

Show product full info

image

Home & Kitchen

image

Electronics

image

Beauty

image

Cart Page 👇 💻

My cart page

image

Order Summary

image

Payment Details

image

Select type of pay

image

Wait for payment 5s

image

Payment Done

![14.png]image

Return to home page **

Team Members

•Sukhdev Bajiya

•Ayush Kumar

• ALOK YADAV

• Niranjan Ajay Ghone

Project

GitHub - Code
Netlify - Live demo
Hash node - Blog

Technology Used

• HTML
• CSS
• JAVASCRIPT
• DOM
• JSON Server
• Local Storage

Tools

• VS Code
• Github
• Postman
• Heroku

System display size 💻 = 1024 to 1680 pixels