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

Primary LanguageJavaScript

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.