[go: nahoru, domu]

Skip to content

VladyslavLiashko/React-Motorcycle-Store

Repository files navigation

Motorcycle Store

About

In this project, I made a website for the sale of motorcycles. There is no hardcode in this project, I took all the data and text from the json file (imitation of a response from the server) and passed them through props

Technologies

  • HTML5
  • CSS3
  • SCSS
  • Java Script
  • React
  • Redux
  • React Router

Features

Login modal page

The user can log in by clicking on the "login" button, after thatwill pop up a modal window , where you can enter his data and after he clicks the "submit" button they will be saved, after that user will see the text "now you are logged in"


Blog page

The user can write comments on the "Our Blog" page, if the user is logged in before these, he will write comments on his own name


Motorcycles Page

If you click on the "Motorcycles" page, you will be redirected to the page where the entire range of products is located


Search

If the user wants to search for a specific motorcycle, he just needs to enter the first letters of the name of the motorcycle, and he will be given all the motorcycles that have such letters in the name


More info about motorcycle

The user can click on the motorcycle he is interested in and see detailed information about it (this was done using react-router)


Add motorcycle to shopping cart

The user can add a motorcycle to the shopping cart by clicking on the "add to shopping cart" button, after that the number of products near the cart icon will change and the product will be added to the cart (this was done using Redux)


Shopping cart

The user can view his cart of goods by clicking on the yellow cart icon, inside will be all the goods that he added
P.S. after reloading the page, the selected motorcycles will not be saved