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

Overview

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

App Screenshot 1 App Screenshot 2 App Screenshot 3 App Screenshot 4 App Screenshot 5

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

linkedin

You might also like...
Hotel Booking App Using The MERN Stack With TypeScript & Redux
Hotel Booking App Using The MERN Stack With TypeScript & Redux

HotelBooking Hotel Booking App Using The MERN Stack With TypeScript & Redux 🤩 Features: Room reviews and ratings Room pagination Room search feature

To Clarify - a full stack MERN web application designed to help freelance web developers keep workflow organized and to establish clarity and transparency with clients
To Clarify - a full stack MERN web application designed to help freelance web developers keep workflow organized and to establish clarity and transparency with clients

To Clarify - a full stack MERN web application designed to help freelance web developers keep workflow organized and to establish clarity and transparency with clients

MERN stack  (MongoDB, Express, React, Node.js) blog app with Chakra UI and Redux.
MERN stack (MongoDB, Express, React, Node.js) blog app with Chakra UI and Redux.

MERN stack (MongoDB, Express, React, Node.js) blog app with Chakra UI and Redux.

MERN Stack Based Personal Portfolio Website, Designed and Developed by Anirudha Singla ✌ .

A personal portfolio website that provides information about what i do and my other relevant details like skills, experience and accomplishments. Includes all relevant social media and other links of my work and project. Gained experience in web design and development of both front end, back end and database setup.

Talkhouse - WebRTC based peer to peer video calling and messaging web app build with MERN stack

talkhouse WebRTC based peer to peer video calling and messaging web app build with MERN stack. Demo Libraries used React for frontend Socket.io as sig

Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engine built with RESTful API to be built with GRAPHQL API with Apollo Server.
Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engine built with RESTful API to be built with GRAPHQL API with Apollo Server.

21_MERN_GoogleBookSearchEngine Task Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engin

MERN Stack Application E-Commerce website in clothing fashion
MERN Stack Application E-Commerce website in clothing fashion

BeauClothing-E-Commerce-Backend# WEAR E-Commerce Clothing Site A well-designed MERN(MongoDB, Express.js, React, Node.js) Stack Application E-Commerce

CRUD made with MERN stack

RPG Chars CRUD CRUD application made with the MERN stack (Mongo Express React Node). The "RPG characters" was just an excuse to make something fun. Yo

Ecommerce website built with the MERN stack with React Context API for state management
Ecommerce website built with the MERN stack with React Context API for state management

MERN-Ecommerce Ecommerce website built with the MERN stack with React Context AP

Instagram MERN - Full-Stack Instgram Clone using MERN Stack and Socket.io

Instagram MERN Full-Stack Instgram Clone using MERN Stack and Socket.io Visit Now ?? ??️ Tech Stack Frontend: Backend: Realtime Communication: Cloud S

Jigar Sable 312 Dec 3, 2022
Online Marketplace Built with MERN stack (MongoDB, Express, React and Node)Online Marketplace Built with MERN stack (MongoDB, Express, React and Node)

?? Shopping App ?? Online Marketplace Built with MERN stack (MongoDB, Express, React and Node). ⚡️ ⚡️ ⚡️ Kiwi Shop ⚡️ ⚡️ ⚡️ ?? Table of contents Main

Tomiwa Adeyemi 9 Jul 27, 2022
Cristian Alejandro 12 Nov 27, 2022
Front End for file sharing app built with the MERN Stack

zed-sharing-react Front End for file sharing app built with the MERN Stack Report Bug · Request Feature About The Project This is the Front End for Ze

Quavo 22 Sep 28, 2022
MERN BLOG - Fullstack open source blogging application made with MongoDB, Express, React & Nodejs (MERN)

MERN BLOG Fullstack open source blogging application made with MongoDB, Express, React & Nodejs (MERN) Configuration and Setup Key Features Technologi

Muhammet Yıldız 26 Nov 24, 2022
One more Twitter clone, but this one is featureful yet concise and fast, built with MERN stack, with love ❤.

React front-end for tclone Try it here back-end repo here looks like twitter, but not ?? It is my own take on building Twitter clone, I have tried to

muzamil 130 Sep 29, 2022
Api server for Tclone, a concise, fast, and feature rich Twitter clone built with MERN stack.

Api server for tclone Try the app here React frontend repo here This project is my own take on building Twitter clone, I have tried to keep things sim

muzamil 56 Aug 17, 2022
An instagram clone created with the MERN stack

Instaclone An instagram clone created with MongoDB, Express, React, and Socket.io Have a look at the live demo Tech Frontend: React State management:

Sander Moen 554 Nov 29, 2022
A Social media App built using MERN Stack

A Social media App built using MERN It is a Social media app built using mern stack. You can create an account, create posts, like and comment on post

Adarsh 9 Nov 28, 2022
Example of chat web application using Socket.IO with the MERN stack Client in React

Real time chat app Example of chat web application using Socket.IO with the MERN

Lucifer1123 1 Dec 22, 2021