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/micaelaandrade/coffee-delivery.git
$ cd coffee-deliveryPara iniciá-lo, siga os passos abaixo:
# Instalar as dependências
$ yarn
# Iniciar o projeto
$ yarn startO 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).