Skip to content

Gearbest.com website clone which is a Chinese online E-Stroe for various category and products including electronics, sports wear, tech gadgets , etc,using advance javascript (ES6+), HTML5 and CSS3

Notifications You must be signed in to change notification settings

ShubhamRandive1/Gear-Best

Repository files navigation

Project Gearbest Website Clone

Hello Everyone I am Delighted To Share The Individual Project during The construct week ,Through Dedication , Hard work and resilience to Create something New, I have Created This Amazing project

#Contributers:-

Shubham C Randive

#Netlify:-(https://luminous-naiad-d6f470.netlify.app/)

As This Was The First Individual project I was thrilled and enthusiastic, Gearbest.com website was given to me To Clone Using HTML, Advance JavaScript(ES6+) , and CSS As Of This Website Features an e-commerce site for all sense of products, So even from the start it was a bit of challenging,

But Apprently I had to take upon Challenge so I was ready to start working on the website, but as we know we need to have a plan of action I kickstarted with the home page,

The Home Page and Created The Navigation Bar Which Was Imported From Component Along with footer and filters and as used Fetch tool to get fakestore api to showcase some of data

Screenshot (115)

Screenshot (116)

Screenshot (117)

Screenshot (118)

Screenshot (119)

The home page contains a navigation bar through which you can browse to any given page on a website, But first, you need to signup, or if you already registered then need to login to the website,

The Signup Page And Login page with Header and Footer

Screenshot (110)

Screenshot (108)

This Is The Login Page where your signup credentials will be matched and checked for authentication and You can Login Through Social Media Account as well.

The Product page where Recommended Products data will Showcase

Screenshot (112) Screenshot (113) Screenshot (114)

now for the product pages, I have developed Different product pages which are Further Categorize into,

Mobile Products Page Computer Products page Electronics Products Page Toys & Drones Product Page

The Product Page with adding the products to cart and showing it on the checkout page

Screenshot (139)

Screenshot (136)

Screenshot (135)

All The Pages are fully functional and have sorting options enabled from brand name to the price,

And At last and important there is a cart page with functionality to sum total the price of the products and have coupons functionality enabled for discount option as well

The Payment, Checkout and Delivery Pages

Screenshot (140) Screenshot (141) Screenshot (145) Screenshot (146) Screenshot (147)

Then there is the payment page after successfully entering the card details you will redirect to the checkout page where you have to input the card details then after verifying Details there will order a successful alert after which you will be redirected to home page.

About

Gearbest.com website clone which is a Chinese online E-Stroe for various category and products including electronics, sports wear, tech gadgets , etc,using advance javascript (ES6+), HTML5 and CSS3

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published