Skip to content

Latest commit

 

History

History
176 lines (114 loc) · 6.17 KB

README.md

File metadata and controls

176 lines (114 loc) · 6.17 KB
Raw

Tata 1mg Clone

It's a MERN Stack healthcare web application with all the major functionalities


🖥️ Tech Stack

Frontend:

reactjs redux chakra-ui Firebase javascript restAPI css3 html5

Backend:

nodejs expressjs mongodb

Payment Gateway:

Instamojo

Deployed On:

vercel heroku

Want to see live preview »

Tata 1mg is India’s leading consumer health platform. It provides services, including e-pharmacy, diagnostics, e-consultation and health content.

cover


🚀 Features

  • Login and Signup Page with mobile OTP
  • Firebase Authentication
  • Product Filters Based on Brand and Discount
  • Product Sorting Based on Price, Rating
  • Product Filtering and Sorting works together
  • Cart Add and Remove Items
  • Cart Update Quantities
  • Address Management
  • Order Summary
  • Instamojo Payment Gateway

🚀 Our Team Members:-

Screenshots

Homepage -

This is the main landing page of our website. Here, if you clicked on any navigation then you will redirect to respective page. Also, we have added searching of product option with debouncing feature.

All pages are responsive.

Homepage

Sign up / Sign in Page -

On this page, you can register a user. If the user is already registered, you can simply sign in by providing valid details of the user. We have used Firebase Authentication so, once you entered your mobile number you will get OTP, you need to enter that OTP.

Sign In

Search Functionality

If you type any keyword the list of product will appear in the modal component. You can add it to cart directly from here or you can see more details by clicking on the product. We have added debouncing functionality on searching products.

Search Product

Products Page -

Here users can browse, filter the product based on brand and discound, sort by price or rating, filter and sort will work togather and add items to the cart by clicking on the Add to Cart button.

Products Page

Cart Page -

Here all the products added to the cart will be shown. On this page, you can remove the item from cart and also, increase or decrease count. By clicking on the CHECKOUT button you will be redirect to the checkout page.

Cart

Order Summary Page -

On this page you will see all details like, address, total bill, shipping address. By clicking on Proceed to payment button you will be redirect to payment page.

Order Summary

Payment Page -

For payment, we have used Instamojo Payment Gateway. So, users need to add required card details.

Note: For demo purpose use below card details

  • Card Number: 4242 4242 4242 4242
  • Expiry: 01/25
  • CVV: 111

Payment Page

Payment Status

After submitting the payment details you will get Payment Successful or Payment Failed depending on the status of the payment. Also, you received mail of bill details of order.

Payment Successful Payment Failed

Run Locally

Clone the project

  git clone https://github.com/rameshmane7218/humane-shelf-7123.git

Go to the project directory

  cd humane-shelf-7123

Install dependencies for frontend as well as backend

  cd frontend
  npm install
  cd ../backend
  npm install

Start the localhost server

  cd ../frontend
  npm start

Deployed link

Vercel Link

https://tata1mg-clone-nem201.vercel.app/

Show your support

Give a ⭐️ if you like this project!