saurabhchanchal / Backend-best-buy-repo

Cloning the bestbuy backend website for the construct week project. Best Buy is an American multinational consumer electronics retailer. Tech used: HTML CSS JavaScript Local storage Node.js MongoDB and Express js etc.

Home Page:https://roaring-cassata-209e07.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Backend-best-buy-repo

Best_buy_website_clone_project

Cloning the bestbuy website for the construct week project. Best Buy is an American multinational consumer electronics retailer.Originally founded by Richard M. Schulze and James Wheeler

bestbuy

bestbuy

Welcome ๐Ÿ‘‹

Run Locally :-

git clone https://github.com/anandmpatil1997/Best_buy_website_clone_project

Deployment Link:-

bestbuy-clone12.netlify.app

Contributers :-

Tech Stack :-

  • HTML

  • CSS

  • JavaScript

  • GIT

Pages & Features ๐Ÿ‘‡

  • Landing Page: Navbars, categories and footer section.
  • Sign-In Page: User confirmation to check whether user email and password match with details existing in the database.
  • Product Page: when user sign in with their respective email id's and page it will ridirect to products page where user can select or add to cart for further process.
  • Cart Page: User can add products to the cart page.
  • Checkout Page: Users can add the delivery addresses.
  • Payment Page: Users can add their payment details.
  • Order Processing Page : setTimout function is used to emulate original payment flow.
  • Additional Features : Kept the branding, fonts, colors,styling and favicon and titles consistent throughtout the whole website to tried building atleast mvp of site .Not exact but tried building same features as in original site.

How To Use โœ…

  • At First user has to click on login on landing page. User have to signup if he does not have an account. In signup page user has to fill all the fields in the form.
  • After signup user has to login with same details, otherwise it will show invalid credentials.After login user will be redirected to home page.
  • User can see shop by categories and he /she can clik on any category as per his/her requirement and it will be redirected to particular category page.
  • User can see the products, and clicking on sorting user can filter their product according to price And after clicking on add to cart button the product is succesfully added to cart page.
  • In product page user can see the details of that particular product and also the add to cart. After cliking the add to cart button the cart value gets updated which is on top nav bar.
  • If he clicks on cart then he will be redirected to cart page where he can see products which he has added to cart.If he wants to remove any product he can click on remove button which will remove the product.
  • Then he will proceed to payment page ,where he has to fill all his personal details for delivering the product.
  • After filling all the details including card details then clik on pay button. It will take some time for payment.
  • After payment has completed successfully then he will be redirected to home page.

Screenshots :-

Sign up Log In Product page Cart page Checkout page

For more details, here is our blog

Blog

About

Cloning the bestbuy backend website for the construct week project. Best Buy is an American multinational consumer electronics retailer. Tech used: HTML CSS JavaScript Local storage Node.js MongoDB and Express js etc.

https://roaring-cassata-209e07.netlify.app/


Languages

Language:JavaScript 99.8%Language:Procfile 0.2%