This is the pet project based on create-react-app.
🔗 Demo.
Main purposes of this project:
-
Learn React:
- how hooks work
- what is component composition
-
Learn TailwindCSS:
- how to extend default theme in
tailwind.configfile - what is mobile first conception
- how to extend default theme in
-
Improve knowledge of CSS, HTML and JS in general:
- how intersection observer works
- what is animation in CSS
Features:
- You can play with the shopping cart by adding and removing items from it.
- Responsive for mobile devices.
Pull the code from the repository and run:
npm install
In the project directory, you can run:
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
npm run build
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
- Vector graphics by pch.vector and logo by Sergey_Kandakov.
- Icons made by Freepik from Flaticon.
- Inspiration comes from these template.
- Photo from Unsplash.