Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 2 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

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!