JioMart_Clone
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
Return to home page **
Team Members
•Sukhdev Bajiya
•Ayush Kumar
• ALOK YADAV
• Niranjan Ajay Ghone
Project
Technology Used
• HTML
• CSS
• JAVASCRIPT
• DOM
• JSON Server
• Local Storage
Tools
• VS Code
• Github
• Postman
• Heroku
System display size 💻 = 1024 to 1680 pixels