Coffee Delivery

App: https://coffee-delivery-drab-kappa.vercel.app/

Challenge proposed by Rocketseat's Ignite course related to Hooks in React.

Briefing: Notion

Features

List of coffees available for purchase
Add a specific number of items to the cart
Increase or remove the number of items in the cart
Form for the user to fill in their address
Display the total items in the cart in the Header
Display the total value of the sum of items in the cart multiplied by the value

Concepts

States
ContextAPI
LocalStorage
Immutability of the state
Lists and keys in ReactJS
Properties
Componentization

Icons

Phosphor icons

Fonts

Font Ballo2 and Roboto from Google Fonts

Design

Figma: Coffee Delivery

Result

Home

Checkout

Order placed