Skip to content

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.

Notifications You must be signed in to change notification settings

ajayahara/JIOMART.COM_RCT_201

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

React

React-Router

Redux

Chakra-UI

💻 Screenshots

Home Page: Homepage

Sign Up Page register

Login Page: login

Product Page: product

Single Product Page: indivisualpage

Cart Page: cart

My Account Page myAccounts

Admin Page:

admin

✨ 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

git clone https://github.com/ajayahara/JIOMART.COM_RCT_201.git

Client-side usage

Go to the project directory

$ 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

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.

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •