divyaGrvgithub / FlipKart-Clone

Flipkart, a prominent e-commerce platform in India, has leveraged the MERN stack to power its web applications. MERN, which comprises MongoDB, Express.js, React.js, and Node.js, provides Flipkart with a robust and efficient foundation for backend development and frontend rendering.

Flipkart-MERN

🖥️ Tech Stack

Frontend:

           

Backend:

       

Payment Gateway:

Deployed On:

Image Management: Cloudinary Mail Service: Sendgrid

🚀 Features

• Login/Signup User Account
• Update Profile/Password User Account
• Reset Password Mail using Sendgrid
• Cart Add/Remove Items | Update Quantities
• Save For Later Add/Remove Items
• Wishlist Add/Remove Items
• Products Pagination (Default 12 Products Per Page)
• Product Search
• Product Filters Based on Category/Ratings | Price Range
• Shipping Info in Session Storage
• My Orders (With All Filters)
• Order Details of All Ordered Item
• Users will receive mail when order placed with all details
• Review Products User Account
• Admin: Dashboard access to only admin roles
• Admin: Update Order Status | Delete Order
• Admin: Add/Update Products
• Admin: Update User Data | Delete User
• Admin: List Review of Product | Delete Review
• Stock Management: Decrease stock of product when shipped

Sneak Peek of Site

Installation

Clone the project

  git clone https://github.com/divyaGrvgithub/FLIPKART-MERN.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