Flipkart Clone using MERN Stack with proper File Structure and also follow MVC architecture

Flipkart Clone MERN APP

Dhaval Patel’s Flipkart Clone is done with top-notch features for the entrepreneur startups like Flipkart.

  • It has strong authentication system with SMS OTP verification.
  • It has Paytm Integration so that it can get money from anywhere.

Features

  • Login / Signup with Mobile Number
  • SMS OTP Verification
  • Use Encryption for Password
  • Use Cookies to Authenticate User
  • One time Login (valid up to 30 days)
  • View & Update Account
  • Add / Remove Multiple Addresses
  • Add / Remove item to Cart
  • Add / Remove item to Wishlist
  • Make Order with COD / Online Payment
  • View Orders History

? LIVE APP

https://flipkart-clone-js.herokuapp.com/

?️ Tech Stack

Client :   React, Redux, Material UI, Firebase, React Router Dom

Server :  Node, Express, Mongoose, MongoDB, JSON WEB Token, Bcrypt JS

Sneak Peek of Site





Installation

Clone the project

  git clone https://github.com/dhavalnpatel/flipkart-clone.git

Go to the project directory

  cd flipkart-clone

For Client and Server both

Install dependencies

  npm install

Start the server

  npm run start

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

Server

DB

SECRET_KEY

MERCHANT_KEY

WEBSITE

HOST_NAME

INDUSTRY_TYPE

CHANNEL_ID

Client

REACT_APP_API_KEY

REACT_APP_AUTH_DOMAIN

REACT_APP_PROJECT_ID

REACT_APP_STORAGE_BUCKET

REACT_APP_MESSAGING_SENDER_ID

REACT_APP_ID

REACT_APP_MEASUREMENT_ID

? Contact Me

If any query please contact on

GitHub

View Github