Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/sachin2398/jio-mart
- Owner: sachin2398
- Created: 2023-11-28T08:40:32.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-04T15:24:21.000Z (about 1 year ago)
- Last Synced: 2024-04-18T00:33:10.697Z (9 months 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 withTechnologies 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!