Coffee Delivery

✔️ Coffee Delivery - Completed ✔️

About • Features • Tech Stack • Learnings

💻 About

It's an application to manage a shopping cart for a fictional coffee shop, allowing make orders to the site.

It was offered in Rocketseat's Ignite course.

🪸 Features

• List of products (coffees) available for purchase
• Add a specific amount of items to the cart
• Increase or remove the amount of items in the cart
• Form for the user to fill in his address
• Display the total items in the cart in the Header
• Display the sum total value of items in the cart
• Saves your shopping cart information and your orders to local storage
• List your purchase history

🛠 Tech Stack

• React
  • React Router
  • React Hook Form
  • Zod
  • Immer
• TypeScript
• Styled Components
• Phosphor Icons
• ESLint

📚 Learnings

• States
• ContextAPI
• LocalStorage
• State immutability
• Lists and keys in ReactJS
• Properties
• Componentization