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
- HTML5
- CSS3
- SCSS
- Java Script
- React
- Redux
- React Router
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"
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
If you click on the "Motorcycles" page, you will be redirected to the page where the entire range of products is located
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
The user can click on the motorcycle he is interested in and see detailed information about it (this was done using react-router)
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)
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