Skip to content

HealthKart is an online health and fitness store for men and women, which offers fitness products, services and community.

Notifications You must be signed in to change notification settings

GreatA-Maker/HealthKart

Repository files navigation

Welcome to HealthKart Clone!


Introduction

This is our second Construct Week Project at Masai School's Full Stack Web Development Course. We are currently at the end of third unit where we need to make projects as per mastery based progression environment of Masai School.

As India's largest nutrition platform, HealthKart offers a wide range of supplements and nutraceuticals through in-house native brands such as MuscleBlaze, TrueBasics, HKVitals, bGreen, Nouriza and Gritzo. It has 110 offline stores spread across 40 cities.

Tech-stack used

Frontend : HTML, CSS, Javascript

Backend   : Local-storage, Advanced Javascript

Team members and contribution

Team Member Contribution
Monika Kumari Home Page
Akash Pratap Singh Signup, Login Page and Products Page
Piyush Dhudhakawre Cart Page
Premkumar Hulikoppe Product Display Page
Atul Kumar Address Page and Payment Page

Features

Serial No Feature
1 User signup and Login
2 Dynamic add to cart feature
3 Dynamic cart page
4 Dummy payment for debit card

Steps for site functionality

Serial No Step
1 In home page hover on "Category" present in navbar, a dropdown will appear where click either "Health Nutrition" or "Sport Nutrition", then it will redirect to signup page
2 Now add required details for signup and save then do the signin at signin feature at the same page, so upon signin you will be directed to products page, where one can sort by price by selecting sort options, so if you click on any item it will be redirected to product display page
3 Now to increase quantity you can click "+" symbol and to decrease the same click "-" and click "Add to cart" so the item will be added to your cart
4 To go cart page hover on cart icon at right corner and click "Proceed to cart" button, then change quantity by selecting "Quantity" option and to remove item from your cart click delete icon and click "Proceed to pay" for payment feature and follow the same

So it was a great experience to us while building this task we have learnt so many new concepts and how to apply tech-tools whatever we have learnt in our current unit. The project covers basic front end designs up to a certain level and showcasing basic functionality like signup, signin, product viewing, adding it to cart then finally placing order by filling address details and making successful payment. I greatly thankful to my instructor Swanand Kadam and also instructor associate Kamal for guiding us which helpled me to feel confident and work upon the project and to complete within the specified time period.

Sample Page Images

1) Home Page

2) User Login Page

3) Products Page

4) Product Display Page

5) Cart Page

6) Address Details Page

7) Payment Page

About

HealthKart is an online health and fitness store for men and women, which offers fitness products, services and community.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published