Skip to content

Beauty Bomber (Clone of Nykka) is an E-Commerce Which provides the best product at affordable price.

Notifications You must be signed in to change notification settings

iamgauhar/Nykaa-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Beauty-Bomber

Welcome to this repository and we are excited to share our project with you.Have a great look!

---

👨‍💻 About Project :

A Clone of famous E-Commerce Website.This Project has been Built by a team of four Stack web developer In 5 days


🛠️ Languages and Tools Used In This Project :

CSS  HTML  JavaScript 

LinkedIn Badge LinkedIn Badge LinkedIn Badge LinkedIn Badge LinkedIn Badge

🛠️ Features and functionalities :

    We Have implemented Authentication , Seller panel where seller can perform basic Crud,Authentication page,Home page,Categories page , Main product Page,Add to cart , Payment integration Page and Lastly Payment Successfull Page.
  • Authentication, This Website is Enabled With Jwt,Firebase and nodemailer authentication.A normal Signup and Login flow is implemented. User can do forgot password in case he is not able to remember the password.
  • Password are hashed before dumping to DB for ensuring Security using Bcrypt.
  • Some Nice carousel for enhancing the UX of website
  • In main categories, There are ranges of product Available which is fetched from our server built with Node and Express
  • Add To cart Functionality is Given in Both categories and main product Page Where User can Add A product to his/her cart. We have created a cart collection in mongodb and we have populated our cart and user detail in that collection.
  • The User can read the whole Description of a product in main product Page and then he can add that product to his/her cart. And from his cart he can directly checkout for payment.
  • For A Smooth User experience We have used Stripe Api in test mode.Stripe payment gateway is integrated with Express.
  • A seller can also use This website for marketing and selling his product. As a Seller He can perform Crud operations. That means He can add his product to the main products streamline and can remove from streamline , update from streamline.

Workflow Of This Website

Homepage of the website

On Opening of this website You will land to the homepage

Screenshot from 2023-01-17 22-36-57

Screenshot from 2023-01-17 22-37-41

Authentication Page(login/signup)

On clicking of account in top right section of this section you will be redirected to signup page

Screenshot from 2023-01-17 22-37-50

If you already has an account then you just have to login

For signingup you have to give your number since this is two factor authentication ,and after submitting your phone number you will get an otp

Check your mobile for otp and submit it to verify

Screenshot from 2023-01-17 22-38-52

Fill your credentials to signup or create your account

Screenshot from 2023-01-17 22-39-38

after filling and signing up

Screenshot from 2023-01-17 22-39-38

Click on category page(top-right corner in the navbar) to see all the product and You will be redirected to main category page

Screenshot from 2023-01-17 22-40-24

Click on any product and you will be redirected to product dexcription page

Screenshot from 2023-01-17 22-40-42

You can read description here and also you can fill your pincode to view the avalability of product in your locality

Click on Add to cart and you will be redirected to add to cart page

Screenshot from 2023-01-17 22-42-18

You can increase or decrease the quantity of product in add to cart to page. Also You can use BB20 use get a discount of 10%

Screenshot from 2023-01-17 22-42-18

You can click on proceed to pay and you will be redirected to payment gateway

Screenshot from 2023-01-17 22-42-40

Now Fill all the correct information. Since we are using test mode payment gateway of stripe , you can fill 4242424242424242 as the card number

Screenshot from 2023-01-17 22-43-50

Click On pay and if payment is successfull then the blue payment button will change to green and if payment is unsuccessfull,then it will change to red

On Successfull payment

Screenshot from 2023-01-17 22-44-03

Thanks for reading till last.Have a great day.

About

Beauty Bomber (Clone of Nykka) is an E-Commerce Which provides the best product at affordable price.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •