Um dos desafios propostos pelos educators do Bootcamp Ignite da Rocketseat.
Tive como principal objetivo desenvolver uma aplicação front-end totalmente responsíva dedicada a uma loja virtual de delivery de cafés.
Nesse desafio pude por em prática os conhecimentos sobre gerenciamento de estados globais utilizando a Context API, recebimento, modificação e tratamento de dados utilizando o useEffect, além de validação e submissão de formulários utilizando o React Hook Form.
-
Após o descobrimento da existência de sites onde você pode hospedar um arquivo JSON e receber uma URL de API através deles, como o npoint.io nesse caso. Resolvi hospedar todos os itens do catálogo nesse site e os consumi dentro da aplicação, gerando uma experiência mais próxima da realidade.
Cuidei de cada tela dentro da aplicação com bastante carinho, tomei a liberdade de adicionar novas telas além do proposto para deixar a aplicação mais dinâmica como: tela de loading (aparece enquanto os dados da API estão sendo buscados) e tela de erro caso tente acessar a área de checkout com o carrinho vazio.