README.md

Coffee Delivery

🚀 Aplicação finalizada 🚀

About | Deploy | Layout | How It Works | Technologies | Author | License

💻 About

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.

---

🔗 Deploy

O deploy da aplicação pode ser acessada através da seguinte URL base: https://coffee-delivery-topaz.vercel.app/

---

🎨 Layout

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:

FullScreen

Mobile

---

🚀 How it works

Pré-requisitos

Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:

• Git
• NodeJS
• Yarn ou NPM

Além disto é bom ter um editor para trabalhar com o código como VSCode

Clonando e Executando

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 navegador

---

🛠 Technologies

As 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

---

✍ Author

---

📝 License

Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações

Feito com 💜 por Pablo Alan 👋🏽 Entre em contato!