Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ajayahara/jiomart.com_rct_201
JioMart is an Indian e-commerce company . It makes your grocery shopping even simpler. No more hassles of sweating it out in crowded markets, grocery shops & supermarkets. A collaborative project cloned within five days. By cloning this website we are trying to implement some functionality.
https://github.com/ajayahara/jiomart.com_rct_201
bootstrap chakra-ui css javascript react reactjs redux
Last synced: about 21 hours ago
JSON representation
JioMart is an Indian e-commerce company . It makes your grocery shopping even simpler. No more hassles of sweating it out in crowded markets, grocery shops & supermarkets. A collaborative project cloned within five days. By cloning this website we are trying to implement some functionality.
- Host: GitHub
- URL: https://github.com/ajayahara/jiomart.com_rct_201
- Owner: ajayahara
- Created: 2022-12-12T05:17:33.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-01T10:53:31.000Z (almost 2 years ago)
- Last Synced: 2024-04-28T04:09:21.429Z (7 months ago)
- Topics: bootstrap, chakra-ui, css, javascript, react, reactjs, redux
- Language: JavaScript
- Homepage: https://darling-sunshine-8dc7e8.netlify.app/
- Size: 4.02 MB
- Stars: 5
- Watchers: 0
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Smart Store
Smart-store is a clone of Jiomart.com. Smart-store 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.## 🛠 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:**
![Homepage](https://user-images.githubusercontent.com/107473816/215728412-d05e996b-9cb5-4385-9755-734b52bc1d04.jpg)**Sign Up Page**
![register](https://user-images.githubusercontent.com/107473816/215728559-3a62577f-059e-4228-a354-d6676b918f3c.jpg)**Login Page:**
![login](https://user-images.githubusercontent.com/107473816/215728613-a0e73a7a-b4a8-4ff8-84e6-d9d087e77424.jpg)**Product Page:**
![product](https://user-images.githubusercontent.com/107473816/215728663-549548f9-7155-4a6b-8af2-b2845493e80d.jpg)**Single Product Page:**
![indivisualpage](https://user-images.githubusercontent.com/107473816/215728708-7473336a-bce6-4ae3-a126-baa5c63836a1.jpg)**Cart Page:**
![cart](https://user-images.githubusercontent.com/107473816/215728766-4676f507-1e4d-40af-bf84-dc1ad9e42525.jpg)**My Account Page**
![myAccounts](https://user-images.githubusercontent.com/107473816/215842086-af36a8b3-32c9-49f9-afef-29bebf45361f.jpg)**Admin Page:**
![admin](https://user-images.githubusercontent.com/107473816/216014545-3dca0a22-8f7f-481e-97cf-cd13463ad5ee.jpg)
## ✨ 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:**
https://darling-sunshine-8dc7e8.netlify.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!# Installation
Clone the project
```bash
git clone https://github.com/ajayahara/JIOMART.COM_RCT_201.git
```
## Client-side usageGo to the project directory
```bash
$ cd JIOMART.COM_RCT_201 // go to client folder
$ yarn # or npm i // npm install packages
$ npm run start // run it locally// deployment for client app
$ npm run build // this will compile the react code using webpack and generate a folder called docs in the root level
````## ✍ Contributors
- [@ajayahara](https://github.com/ajayahara)
- [@anki2001ta](https://github.com/anki2001ta)
- [@Rashmiranjan117](https://github.com/Rashmiranjan117)
- [@CodexPuneet](https://www.github.com/CodexPuneet)
##This project was built during our construct week at Masai School. It was built by a team of 4 developers and executed in 6 days.