Skip to content

Um site de delivery de cafés desenvolvido com React + Typescript para a trilha de React do Ignite, Rocketseat.

License

Notifications You must be signed in to change notification settings

MatheusAndrade23/Coffee_Delivery

Repository files navigation

🥤 Coffee Delivery ☕

Home Image

Um site de delivery de cafés desenvolvido com React + Typescript para a trilha de React do Ignite, Rocketseat.


Demonstração 🎥

Um pequeno tour pelo Projeto 💻

Tour GIF

Adicionando e removendo cafés do carrinho 🛒

Tour GIF

Completando Pedidos 📦

Tour GIF

Vendo o Histórico 📄

Tour GIF



Fui além do desafio! 🚀


  • ✔️ Fiz o website ser responsivo
  • ✔️ Adicionei um tema escuro
  • ✔️ Coloquei auto complete da cidade e do UF baseado no CEP
  • ✔️ Desenvolvi uma página para ver o histórico de pedidos
  • ✔️ Adicionei mensagens para notificar o usuário
  • ✔️ Desenvolvi uma validação do formulário em tempo real


Mas, o que eu aprendi? 🤔


  • Aprendi a utilizar reducers para manusear estados mais complexos
  • Aprendi a utilizar o React Hook Form e Zod para os formulários
  • Aprendi a usar o Date-Fns para manipular datas
  • Aprendi a criar variáveis auxiliares para deixar o código mais limpo e legível


Tecnologias Utilizadas 🛠

FrontEnd: ReactJS!

  • Axios
  • React Icons
  • React Toastify
  • React Hook Form
  • Zod Resolver
  • Typescript
  • Context API
  • Uuidv4
  • Date-fns
  • React Router Dom

npm Js Ts React


About

Um site de delivery de cafés desenvolvido com React + Typescript para a trilha de React do Ignite, Rocketseat.

Topics

Resources

License

Stars

Watchers

Forks