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 👇 💻

JioMart side navbar 👇 💻

JioMart SignIn and SignUp page 👇 💻

SignIn and SignUp otp page

User profile page 👇 💻

after login user shows all demo data

User can update his profile

User see his updated profile

Product categories 👇 💻

Groceries

Show product full info

Home & Kitchen

Electronics

Beauty

Cart Page 👇 💻

My cart page

Order Summary

Payment Details

Select type of pay

Wait for payment 5s

Payment Done

![14.png]

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