Loja on-line de cafés com a opção de delivery, onde o usuário adiciona ao carrinho de compras um ou mais dos produtos disponíveis e solicita a compra preenchendo o formulário com o endereço de entrega.

A aplicação foi desenvolvida com React + Typescript e como desafio do módulo 2 do bootcamp Ignite - 2022. Neste projeto foi aplicado diversos conhecimentos visto no módulo como: Context API, layout default, rotas, formulários com React-Hook-Form, hooks (useState e useEffect), além dos fundamentos básicos da ferramenta como por exemplo a componentização.

O Projeto também foi desenvolvido do total zero, apenas seguindo o layout proposto na plataforma do Figma, seguindo arrisca todos os paramentros de cores, tamanho das fontes, espaçamento e estados em que cada elemento possa assumir na aplicação, além de, ter sido incluído alguns elementos a mais a fim de enriquecer o projeto.

Por fim, durante o desenvolvimento foi também seguindo o conceito de "Mobile-First" e adaptando a aplicação para telas maiores quando necessário.

Esse projeto foi desenvolvido com as seguintes principais tecnologias:

• ReactJS;
• ViteJS;
• Typescript;
• Context API;
• React Router Dom;
• React Hook Form;
• React Toastify;
• Scroll Reveal;
• Styled Components;
• Zod;

Clone o projeto e acesse a pasta do mesmo.

$ git clone https://github.com/rogerrm95/coffee-delivery.git
$ cd coffee-delivery

Para iniciá-lo, siga os passos abaixo:

# Instalar as dependências
$ yarn

# Iniciar o projeto
$ yarn start

O app estará disponível no seu browser pelo endereço http://localhost:3000.

Você pode visualizar o layout do projeto através do link abaixo:

• Layout Web (Lembrando que você precisa ter uma conta no Figma).

MIT