https://github.com/satyam46020/jiomart_fullstack

https://github.com/satyam46020/jiomart_fullstack

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/satyam46020/jiomart_fullstack
• Owner: satyam46020
• Created: 2024-01-04T08:26:56.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-10T08:47:08.000Z (about 1 year ago)
• Last Synced: 2024-11-11T08:13:33.522Z (3 months ago)
• Language: JavaScript
• Size: 11.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# JioMart_FullStack
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 is a MERN project which is being built during my construct week at Masai School. It was built and developed by me on a span of 7 days.

       

## 🚀 Demo

*Front-end deployed URL:*

https://front-p0x8lpghe-satyams-projects-aa14577a.vercel.app/

*Back-end deployed URL:*

https://tiny-tan-termite-ring.cyclic.app/

## GitHub Repoitory Link

https://github.com/satyam46020/JioMart_FullStack

## ✍ Contributors

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

## 🛠 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)

MONGODB

EXPRESS.JS

NODE.js

## 💻 Screenshots

*Home Page:*

![Homepage](https://drive.google.com/uc?id=10bhbmoWIvM7bIzmThZ12xiZI5B0rH7Be)

*Sign Up Page*

![Register](https://drive.google.com/uc?id=1DRKkaWWDKZKVuljxpWlAsqgLj_9h8MVg)

*Login Page:*

![login](https://drive.google.com/uc?id=1XPhkDgNK2Bm64MYYedd-v_ot44TnK1Uz)

*Product Page:*

![product](https://drive.google.com/uc?id=1WbLpHN0Z9fO2R3mP1XFIcBAC5ps1vHCA)

*Single Product Page:*

![Product Page](https://drive.google.com/uc?id=1Ye0kYm6bRXbHb7MS4sH11PQtcsrveBpQ)

*Cart Page:*

![cart](https://drive.google.com/uc?id=1wP2oAL7gPK255zjLoAwzNoVK9JsHhfj9)

*My Account Page*

![My Account](https://drive.google.com/uc?id=1t3iYbi3MZBq7aysg6yv_WzO3hA8HH3Fw)

## ✨ 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

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