Neste projeto, desenvolvemos um aplicativo de receitas usando as tecnologias mais modernas do ecossistema React, incluindo Hooks e Context API. Este aplicativo permitirá aos usuários visualizar, buscar, filtrar, favoritar e acompanhar o progresso de preparação de receitas de comidas e bebidas.
O objetivo deste projeto foi criar um aplicativo que forneça receitas de comidas e bebidas aos usuários. A base de dados foi alimentada por duas APIs distintas, uma para comidas e outra para bebidas. Os usuários poderão:
- Visualizar receitas de comidas e bebidas.
- Realizar buscas por receitas.
- Aplicar filtros para encontrar receitas específicas.
- Favoritar receitas para acessá-las facilmente.
- Acompanhar o progresso de preparação das receitas.
O layout do aplicativo está focado em dispositivos móveis, portanto, todos os protótipos foram desenvolvidos com telas menores em mente.
Neste projeto, tive a oportunidade de aprimorar as seguintes habilidades:
- Utilização do Redux para gerenciar o estado da aplicação.
- Uso da biblioteca React-Redux para integrar o Redux aos componentes React.
- Utilização da Context API do React para gerenciar o estado local da aplicação.
- Utilização dos React Hooks, incluindo useState, useContext e useEffect para gerenciar o estado local e realizar efeitos colaterais.
- Criação de Hooks personalizados para compartilhar lógica entre componentes.
Este projeto é uma aplicação web em React e pode ser utilizado da seguinte forma:
- Clone o repositório para o seu computador.
- Navegue até o diretório do projeto.
- Instale as dependências do projeto utilizando npm ou yarn.
- Inicie a aplicação.
- A aplicação estará disponível em seu navegador no endereço
http://localhost:3000/.
A partir deste ponto, você pode explorar as informações sobre planetas do Sistema Solar e missões espaciais apresentadas na aplicação.
Este projeto foi desenvolvido utilizando as seguintes tecnologias:
- React
- Redux
- Context API e Hooks
- [Pedro Henrique] - [pedrohalmeidamendonca@gmail.com]
- GitHub
Nota: Este projeto é uma oportunidade para demonstrar minhas habilidades em desenvolvimento com React, Redux, Context API e Hooks. Sinta-se à vontade para explorar e entre em contato se tiver alguma pergunta ou feedback!