/jiomart-prototype

JioMart's e-commerce application is primarily focused on online grocery delivery, providing customers with a wide range of groceries and household essentials through its mobile app and website.

Primary LanguageJavaScript

Jio Mart

This is clone of jiomart.com, It is an e-commerce platform where users may purchase various types of items like clothes, shoes, kitchen items and many more. Where we have used HTML, CSS and Advance Javascript to acheive this. In this project we have tried to clone the “Jio mart ” website. We had build up all our efforts to do our best in this project.

Video link:

we have shared a demo presentation of this project "jio mart-Clone".

https://drive.google.com/file/d/1SFAX3JG8b8mQSy8UbDIxaU7vYe9iuD0v/view

Deployed Link

https://jiomart-prototype.netlify.app/

Snapshots

Home Page

imageHomePage

Grocerries Page

imageGrocerriesPage

Fashion Page

imageFashionPage

Sinup Page

imageSinupPage

Sinin Page

imageSininPage

Cart Page

imageCartPage

Technology We Used 💻

  • HTML5
  • CSS3
  • Advanced JavaScript
  • React js
  • Redux
  • Chakra UI
  • Redux Thunk
  • JSON Server

Features

You will be able to create your account using login and signup option, used API calls for validating user credentials.

Used Reusable Components in landing page such that it can be reused in any other pages easily without repeatation.

You can choose a product which you want to buy and add to cart section.

One can Sort and Filter the product according to the prices and categories of different products.

User can also select and remove items from cart section and make payment through card.

All the data is stored in the JSON Server.

Instructions to Run the Code

Clone my repository https://github.com/Shivamyadav07/prickly-partner-2503/tree/main/jiomart-prototype Open that code in your VS code and run npm install command And run npm start or you can just visit the netlify link where we have deployed the website Then you can Navigate through other pages from Landing page like signin.html, cart.html, product.html etc.