Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sachin2398/jiomart

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/jiomart

chakra-ui css javascript react redux

Last synced: 17 days ago
JSON representation

Host: GitHub
URL: https://github.com/sachin2398/jiomart
Owner: sachin2398
Created: 2023-12-04T11:13:45.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-02-01T09:56:55.000Z (12 months ago)
Last Synced: 2024-11-11T07:45:44.162Z (3 months ago)
Topics: chakra-ui, css, javascript, react, redux
Language: JavaScript
Homepage: https://jio-mart-fepz.vercel.app/
Size: 3.54 MB
Stars: 0
Watchers: 1
Forks: 0
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.

## 🚀 Demo

*Front-end deployed URL:* https://jio-mart-fepz.vercel.app/

## GitHub Repoitory Link

https://github.com/sachin2398/JIOMart

## ✍ Contributors

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

## 🛠 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
- Product Page
- Beverages
- Electronic Products
- Fruits and Vegetables
- Cart Page
- My Account
- Checkout Page
- Payment Page

## 🚀 Demo

*Front-end deployed URL: * https://jio-mart-fepz.vercel.app/

## 📁 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!

## ✍ Contributor

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