https://github.com/sachin2398/jio-mart

Developed a JioMart clone, a convenient online grocery channel Implemented user signup and login functionality. Implemented product search and shopping cart functionality Utilized React, Redux, React-Router, Javascript, and ChakraUI
https://github.com/sachin2398/jio-mart

chakra-ui css html javascript react

Last synced: 6 months ago
JSON representation

Developed a JioMart clone, a convenient online grocery channel Implemented user signup and login functionality. Implemented product search and shopping cart functionality Utilized React, Redux, React-Router, Javascript, and ChakraUI

• Host: GitHub
• URL: https://github.com/sachin2398/jio-mart
• Owner: sachin2398
• Created: 2023-11-28T08:40:32.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-04T15:24:21.000Z (over 1 year ago)
• Last Synced: 2024-04-18T00:33:10.697Z (about 1 year ago)
• Topics: chakra-ui, css, html, javascript, react
• Language: JavaScript
• Homepage: https://jiomart-com-rct-201-shashikantrupin.vercel.app/
• Size: 8.9 MB
• Stars: 3
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Jio Mart

Jio Mart is a clone of Jiomart.com. Jio Mart is India's most convenient online grocery channel. No more hassles of sweating it out in crowded markets, grocery shops & supermarkets - now shop from the comfort of your home, office or on the move.


##  

This project was built during our construct week at Masai School. It was built by a team of 6 developers and executed in 6 days.

       

## 🚀 Demo

*Front-end deployed URL:*

https://jiomart-com-rct-201-shashikantrupin.vercel.app/

## Presentation Video

https://drive.google.com/file/d/1CvqJYCjHZGaIMumc6OYKy9TJ9S913F3H/view?usp=sharing

## GitHub Repoitory Link

https://github.com/sachin2398/jio-mart

## ✍ Contributors

- [@Sachin](https://github.com/sachin2398)

- [@Satyam](https://github.com/satyam46020)

- [@Shashikant](https://github.com/shashikantRupin)

- [@Arti](https://github.com/artisonii)

- [@Mrinal](http://Github.com/Mrinal26)

- [@Sunil](https://github.com/Sunil8090)

## 🛠 Built with 

Technologies used in the project:

![Javascript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![React-Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

![Redux](https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white)

![Chakra-UI](https://img.shields.io/badge/Chakra--UI-319795?style=for-the-badge&logo=chakra-ui&logoColor=white)

## 💻 Screenshots

*Home Page:*

![image](https://github.com/sachin2398/jio-mart/assets/89017179/568bfefe-425a-4ee4-b624-a5c0ba6312ed)

*Sign Up Page*

![image](https://github.com/sachin2398/jio-mart/assets/89017179/2fcc36c5-9519-4d85-8ec3-bea2b9d29f09)

*Login Page:*

![image](https://github.com/sachin2398/jio-mart/assets/89017179/7f488a43-c185-4b93-9219-822c8729af37)

*Product Page:*

![image](https://github.com/sachin2398/jio-mart/assets/89017179/9706a40a-dd9f-4818-81d1-43c26be8ca81)

*Single Product Page:*

![image](https://github.com/sachin2398/jio-mart/assets/89017179/28cd6c6b-6226-4bf4-8818-d677c11f7bad)

*Cart Page:*

![image](https://github.com/sachin2398/jio-mart/assets/89017179/29e407b7-1728-4716-a311-9f59b6b2637c)

*My Account Page*

![image](https://github.com/sachin2398/jio-mart/assets/89017179/01f10435-0e0f-42bf-8137-d695e539f862)

## ✨ Features 

- Responsive

- Private Routing

- Search Funtionality

- Filter and Sorting

- Custom Components

- Crausels

- Form Validation (Login,Signup)

## Pages

- Home Page

- Login/Logout Page

- Sign Up Page

- Admin Panel 

- Product Page

    - Beverages

    - Electronic Products

    - Fruits and Vegetables

- Cart Page

- My Account

- Checkout Page

- Payment Page

## 🚀 Demo

*Front-end deployed URL:*

##  📁 Folder structure

- #### public - This holds all of our static files

- #### src

    - #### assets - This folder holds assets such as images, docs, and fonts

    - #### components - This folder holds all of the different components that will make up our pages

    - #### pages - These represent a unique page on the website i.e. Home or About. 

    - #### redux - It consists of store, reducer, action and actiontypes and is responsible for global state management of our app.

    - #### App.js - This is what renders all of our browser routes and different pages

    - #### index.js - This is what renders the react app by rendering App.js.

- #### package.json - Defines npm behaviors and packages for the client

#### .gitignore - Tells git which files to ignore

#### README - This file!