Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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.

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 usage

Go 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.