About | Deploy | Layout | How It Works | Technologies | Author | License
O Coffee Delivery nada mais é que um carrinho de compras de café, contendo página de opções e seleção de pedidos, página de finalização do pedido, e por fim uma página com as informações de entrega. Tudo nesta aplicação é salvo de forma local, ou seja, não está vendendo café de verdade hehe 😁.
Objetivos: os principais objetivos desta aplicação foram treinar a utilização das seguintes ferramentas/tecnologias:
- Utilização de formulários com
React Hook Form - Validação de formulário com a biblioteca
Zod - Auteração de estados imutáveis de forma mutavel com a biblioteca
immer - Outros...
Créditos: está é uma aplicação foi desenvolvida como conclusão de um dos diversos desafios do treinamento Ignite da Rocketseat
Caso goste do projeto marque a estrelinha⭐ e compartilhe para me ajudar 👍, e me siga para ver outros projetos meus.
O deploy da aplicação pode ser acessada através da seguinte URL base: https://coffee-delivery-topaz.vercel.app/
Você pode visualizar o layout do projeto através desse link. É necessário ter conta no Figma para acessá-lo.
Veja uma demonstração visual das principais telas da aplicação:
Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:
Além disto é bom ter um editor para trabalhar com o código como VSCode
Passo a passo para clonar e executar a aplicação na sua máquina:
# Clone este repositório
$ git clone git@github.com:pabloxt14/Coffee-Delivery.git
# Acesse a pasta do projeto no terminal
$ cd Coffee-Delivery
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# A aplicação inciará em alguma porta disponível que poderá ser acessada pelo navegadorAs seguintes principais ferramentas foram usadas na construção do projeto:
- Vite
- ReactJS
- TypeScript
- Styled Components
- Phosphor Icons
- React Hook Form
- Zod
- React Router
- Immer
- Polished
Para mais detalhes das dependências gerais da aplicação veja o arquivo package.json
Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações
Feito com 💜 por Pablo Alan 👋🏽 Entre em contato!