Este projeto consiste em uma plataforma de delivery de cafés, que foi desenvolvido como desafio da trilha de estudos de React do Programa Ignite da Rocketseat. A aplicação possui 3 interfaces principais que é a página inicial (Home), página de carrinho (Checkout) e a página de confirmação (Success).
O layout do projeto pode ser visualizado no link abaixo:
- React
- Typescript
- Styled Components
- Context API
- React Router Dom
- React Toastfy
- React Hook Form e ZOD
- Escolher o tipo de café e quantidade, podendo adicioná-lo ao carrinho.
- Revisar checkout, podendo alterar quantidade dos itens escolhidos.
- Remover um determinado item escolhido.
- Validação de endereço.
- Navegação entre diferentes páginas utilizando rotas.
- Exibição de caixas de diálogo modais para confirmação de ações.
- Com o Node.js e o npm (ou yarn) instalados em sua máquina, faça o clone deste repositório para o seu ambiente local.
- Navegue até o diretório raiz do projeto e execute o comando npm install para instalar as dependências do projeto.
- Após a instalação, execute o comando npm run dev para iniciar a aplicação.
- Acesse a aplicação no seu navegador através do endereço http://localhost:5173.