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