O Coffee Delivery é um aplicativo que permite aos amantes de café encomendar suas bebidas favoritas online e recebê-las com conveniência. Construído utilizando tecnologias modernas como React e integrando conceitos avançados como Immer, Zod para validação de formulários, Context API do React, React Hook Form e Styled Components, o aplicativo oferece uma experiência de usuário suave e eficiente.
-
Encomenda de Café Online: Os usuários podem explorar um menu abrangente de opções de café e realizar pedidos diretamente pelo aplicativo.
-
Validação de Formulários Avançada: Utilizamos a biblioteca Zod para garantir que os dados inseridos nos formulários sejam válidos, proporcionando uma experiência de usuário mais amigável.
-
Gerenciamento de Estado com Context API: Através da Context API do React, garantimos que os dados sejam gerenciados de forma eficiente em toda a aplicação, tornando a atualização de informações em tempo real uma realidade.
-
Simplicidade com React Hook Form: O aplicativo utiliza o React Hook Form para facilitar a criação e manipulação de formulários, tornando o processo de encomenda de café mais intuitivo.
-
Estilização Avançada com Styled Components: Utilizamos o Styled Components para criar estilos de forma mais modular e eficiente, melhorando a manutenibilidade do código e proporcionando uma experiência visual única.
-
Layout Responsivo: O design responsivo do aplicativo permite que os usuários acessem o Coffee Delivery de qualquer dispositivo, proporcionando uma experiência consistente.
Para executar o Coffee Delivery em seu ambiente local, siga estas etapas:
-
Certifique-se de ter o Node.js e o npm instalados em sua máquina.
-
Clone este repositório:
git clone https://github.com/seu-usuario/coffee-delivery.git -
Acesse o diretório do projeto:
cd coffee-delivery -
Instale as dependências:
npm install -
Inicie o servidor de desenvolvimento:
npm run dev -
Abra seu navegador e acesse:
http://localhost:5173
- React
- Immer
- Zod
- Context API do React
- React Hook Form
- Styled Components