O Coffee Delivery é uma aplicação web desenvolvida em React usando Vite como bundler, TypeScript para tipagem, React Router DOM para navegação, Styled-Components para estilização, Zod para validação de dados e React Hook Form para gerenciar formulários. A aplicação permite aos usuários escolher cafés, adicioná-los ao carrinho e revisar o pedido antes de preencher o formulário de entrega.
Funcionalidades
- Escolher Cafés: Explore uma variedade de cafés disponíveis na aplicação.
- Adicionar ao Carrinho: Adicione seus cafés favoritos ao carrinho de compras.
- Revisar Pedido: Visualize e ajuste os itens no carrinho antes de prosseguir.
- Preencher Formulário: Complete o formulário de entrega para receber seus cafés no local desejado.
Tecnologias Utilizadas
- React: Biblioteca JavaScript para construção de interfaces de usuário.
- Vite: Bundler rápido para projetos web com React.
- TypeScript: Superset tipado de JavaScript para desenvolvimento mais robusto.
- React Router DOM: Navegação declarativa para aplicativos React.
- Styled-Components: Biblioteca para estilização de componentes React.
- Zod: Biblioteca de validação de esquemas para JavaScript e TypeScript.
- React Hook Form: Biblioteca para gerenciamento de formulários React eficiente.
Pré-requisitos Node.js e npm/yarn instalados globalmente.
Instalação
- Clone o repositório: git clone https://github.com/JGabriel12/CoffeeDelivery_
- Navegue até o diretório do projeto: cd CoffeeDelivery_
- Instale as dependências: npm install ou yarn install
Uso Inicie o servidor de desenvolvimento: npm run dev ou yarn dev Abra o navegador e acesse http://localhost:5173
Estrutura do Projeto
coffee-delivery/
|-- src/
| |-- components/
| |-- pages/
| |-- styles/
| |-- App.tsx
| |-- index.tsx
|-- .gitignore
|-- package.json
|-- README.md
|-- tsconfig.json
|-- vite.config.js