Skip to content

This is the clone of Juicy Chemistry, which is a web application primarily used for organic personal care.

Notifications You must be signed in to change notification settings

JKAD02/Juicy-Chemistry

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Welcome 👋

JuicyChemistry Clone-Project

This is a team project, built by 5 members in the Construct Week - Unit-2 at Masai School with in 7 days.


About this project: 🙌

This is a team project, built by us in the Construct Week - Unit 2 at Masai School.

Our Team Members ❤️

  • Abu Raghib Umar
  • Durgesh Kumar Singh
  • Divash-Upadhyay
  • Jenish Kathrotiya
  • Yarasi Ashokvardhana Reddy

Pages & Features 👇

  • Home Page: Nav Bar with dropdowns, sliding banners & slider for offer.
  • Sign-Up: User details stored in local storage.
  • Sign-In: User authentication to check whether user phone number and password match with details existing in the database.
  • Sign-In with OTP Page: User authentication to check whether user phone number exists in the database.
  • OTP Sent Page: Random 6 digit OTP generated every time user lands on this page.
  • Product Category Page: Women's products are created dynamically with filters by color, discount, and category.
  • Cart: Users can see or remove products added to the cart and apply discount coupons.
  • Checkout Page: Users can add the delivery address.
  • Payment Page: Users can add their payment details.
  • Order Successful: cart gets empty automatically in local storage, once the user lands on this page.

How To Use ✅

First you have to have to go to the Home Page. There you have to click on account to get a pop window where there is sign-up using mobile number. You'll get an OTP enter that OTP for validation and you'll be logged in. There you can explore the home page or go to the women's section to browse products. The products can be sorted according to color, category & discount. Click on any product to go to its product page there you can add it bag by clicking on the add to bag button. You can add multiple items to the cart. Then click on cart to view the cart which is a pop-up slider. Their coupons can be applied or items can be deleted. To proceed to checkout click on Proceed to Buy button on the top of the cart which will redirect you to the address page where address details can be added. After clicking on proceed to buy we get redirected to the Payment page where card details can be added and buying process can be completed

Tech Stack Used 🔧

  • HTML
  • CSS
  • JavaScript


Home Page

Here you can find brief history of the products and website

Add to Cart

In this Page, You can add the products to the Cart

Sign-Up Page

if you want buy any product you need sign up first and login with details then only you can buy

Products Page

In this page, you can find all details of the product like price of the product, Ratings given by the customer to each product, how products sold , How to use the product and how the product made

Payment Page

In this page, If you want to purchase the product, you need fill some details regarding card details and here you also find how the discount you get, how much you need to pay and address

Order Summary

After purchase the product, it will show the order details like how much you paid and when product will deliver.

About

This is the clone of Juicy Chemistry, which is a web application primarily used for organic personal care.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published