Giter VIP home page Giter VIP logo

shubhamrandive1 / gear-best Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 188 KB

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

Home Page: https://luminous-naiad-d6f470.netlify.app/

JavaScript 55.47% CSS 14.25% HTML 30.28%
api bootstrap5 css-grid css3-transitions fakestoreapi html5 javascript marquee

gear-best's Introduction

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.

gear-best's People

Contributors

shubhamrandive1 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.