This project is an online shop with snowboard equipment, based on the React.js library. Check the live version here.
The basic assumptions were to create an imitation of an online shop where you can select and sort products at categories/prices and then add them to your shopping cart. The shopping cart is based on localStorage.
In this project I used:
- React
- Firebase as my backend
- Formik to build the forms and validate them
- Styled-Components to style some of the components (Navbar, Hamburger menu, and shopping path)
- Some other minor packages like node-sass, react-icon, react-scroll-up-button, react-tostify
- what React Hooks are and how to use them, so almost the entire page is written based on hooks
- how to create and use my own Hooks
- what Styled-Components are and why it is so convenient to use them
- how to manage routes and page rendering with react-router
- how to use terminal for Git instead of GUI
- how to work with a database (firebase)
- how to properly import images/fonts/icons in React
Use the package manager npm to intall SnowShop.
first, clone this repo to your local machine using:
git clone https://github.com/Dabgan/SnowShop.git
then install all necessary packages:
npm install
finally, start the page on the localhost in your browser using:
npm start