Skip to content

TATA 1mg clone - website provides medicines and health care products. All the basic functionality is covered in this project. use can see the information about a particular product, can apply sort and and filter for products. user can also add product to cart and checkout.

Notifications You must be signed in to change notification settings

AshokPrjapati/Capsule-1mg_clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

1mg Clone

It's a React and JSON server based E-commerce web application with all the major functionalities


🖥️ Tech Stack

Frontend:

reactjs chakra-ui javascript css3 html5

Backend:

Json-server

Deployed On:

vercel render


Report BugGetting StartedAuthor

Capsule is e-commerce web application that allows you to buy medicine & health products online. It has a variety of categories, just visit the product listing page and you will see all the products, apply filters as per your need and in just a few clicks you can see the details of any products from the website and can also add to cart. You can also apply coupan CAPSULE10 for getting 10% discount on total price.This project is just for educational purpose.

cover


Screens ( All screens are responsive)

  • Homepage / Landing Page
  • Product Listing Page with Filters
  • Product Description Page
  • Cart Management Page
  • Login / Logout Page
  • Signup Page

🚀 Features

  • Login and Signup User Account
  • Product Filters Based on Price, Category, Discount
  • Product Sorting Based on Price, Rating
  • Product Filtering and Sorting works together
  • Cart Add and Remove Items
  • Cart Update Quantities
  • Coupons provided for discount

Glimpses of Capsule 🙈 :

home carousel
signup details
login otp
all products Single Product
empty cart cart
coupon

Test Coupon Codes

CAPSULE10 (for 10% Off)

Getting Started

This project was built using React,Chakra UI, HTML, CSS, JavaScript. It is an e-commerce web application and for running on your local environment you should follow these guidelines.

Prerequisites

  • NPM
  • Node JS

Setup

The project repository can be found in GitHub link or just clone the project using this command.

Using HTTPS

# git clone https://github.com/AshokPrjapati/Capsule-1mg_clone.git
  • Open terminal on your workspace with
cd /home/workspace/Capsule-1mg_clone

Install

Install NPM

Check that you have node and npm installed

To check if you have Node.js installed, run this command in your terminal:

node -v

To confirm that you have npm installed you can run this command in your terminal:

npm -v

To install all the dependencies of the project, run the following command:

npm install

To run the application run the following command:

npm start

Tools used on this project

  • Visual Studio Code
  • create-react-app template

Contact

If you want to contact me, you can reach me through below handles.

linkedin GitHub

© 2023 Ashok Kumar

Show your support

Give a ⭐️ if you like this project!

About

TATA 1mg clone - website provides medicines and health care products. All the basic functionality is covered in this project. use can see the information about a particular product, can apply sort and and filter for products. user can also add product to cart and checkout.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published