Coffee shop project based on React

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.config file
  • what is mobile first conception

• 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.

Installation

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.

Credits

• Vector graphics by pch.vector and logo by Sergey_Kandakov.
• Icons made by Freepik from Flaticon.
• Inspiration comes from these template.
• Photo from Unsplash.