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

TATA 1mg.com is an e-commerce web application that widely provides e-pharmacy, diagnostics, e-consultation, and healthcare solutions related service all across india
https://github.com/rameshmane7218/humane-shelf-7123

chakra-ui express firebase-auth instamojo-payment-gateway mongoose nodejs reactjs redux

Last synced: about 2 months ago
JSON representation

TATA 1mg.com is an e-commerce web application that widely provides e-pharmacy, diagnostics, e-consultation, and healthcare solutions related service all across india

• Host: GitHub
• URL: https://github.com/rameshmane7218/humane-shelf-7123
• Owner: rameshmane7218
• Created: 2022-08-23T05:20:57.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-06-22T11:32:03.000Z (over 1 year ago)
• Last Synced: 2024-10-11T00:13:29.168Z (2 months ago)
• Topics: chakra-ui, express, firebase-auth, instamojo-payment-gateway, mongoose, nodejs, reactjs, redux
• Language: JavaScript
• Homepage: https://tata1mg-clone-nem201.vercel.app/
• Size: 3.73 MB
• Stars: 6
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Tata 1mg Clone

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





🖥️ Tech Stack


Frontend:



  

  

  

  

  

  

  

  



Backend:




  

  

  



Payment Gateway:




  



Deployed On:




  

  



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](./screenshots/tata1mg.png)




## 🚀 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:-

-   Ramesh [[LinkedIn Profile](https://www.linkedin.com/in/ramesh-mane-268a0014a/)]

-   Rahul Singh [[LinkedIn Profile](https://www.linkedin.com/in/rahul-singh-437a4b234/)]

-   Shristi Kumari [[LinkedIn Profile](https://www.linkedin.com/in/shristi-kumari-b07927247/)]

-   Himanshu Sharma [[LinkedIn Profile](https://www.linkedin.com/in/himanshu-40a7b7135/)]

## 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 ](./screenshots/homepage.png)

### 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](./screenshots/login.PNG)

### 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](./screenshots/search.png)

### 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](./screenshots/product.png)

### 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](./screenshots/cart.png)

### 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](./screenshots/ordersummary.png)

### 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](./screenshots/payment.png)

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

  

    

    

  

## Run Locally

Clone the project

```bash

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

```

Go to the project directory

```bash

  cd humane-shelf-7123

```

Install dependencies for frontend as well as backend

```bash

  cd frontend

  npm install

```

```bash

  cd ../backend

  npm install

```

Start the localhost server

```bash

  cd ../frontend

  npm start

```

## Deployed link

### Vercel Link

[https://tata1mg-clone-nem201.vercel.app/](https://tata1mg-clone-nem201.vercel.app/)

## Show your support

Give a ⭐️ if you like this project!