BRQ Movie App

Este é um aplicativo simples para visualização de uma lista de filmes, com a capacidade de marcar filmes como favoritos. Abaixo estão alguns detalhes importantes sobre o projeto.

Instruções de Login

• Para acessar a tela de login, utilize as seguintes credenciais: Usuário: user | Senha: 123

Configuração da API Key

• Antes de executar o aplicativo localmente, é necessário fornecer uma API Key válida do The Movie DB. Insira a chave da API no arquivo .env.example na raiz do projeto com a seguinte estrutura:

EXPO_PUBLIC_API_KEY=SuaChaveAqui

• Após isso, mude o nome do arquivo apenas para .env

Executando o Projeto Localmente

• Para rodar o projeto localmente, execute os seguintes comandos:

git clone https://github.com/helioLJ/brq-movies.git
cd brq-movies
npm install
npx expo start

• Recomendo o uso do aplicativo Expo Go para visualizar o aplicativo no seu dispositivo móvel. Leia o QRCode no terminal para visualizar no celular.

Estrutura de Pastas

• O código é organizado em diferentes componentes, facilitando a manutenção e compreensão do projeto.

Testes Unitários

• A cobertura de testes é garantida com o uso do Jest e @testing-library/react-native. Execute os testes unitários com o comando:

npm run test

Estilização Rápida com Tailwindcss e Nativewind

• Utilizei Tailwindcss com Nativewind para uma estilização prática e ágil.

Padronização de Código

• ESLint e Prettier são utilizados para manter um estilo de código consistente em toda a aplicação.

Tipagem Forte com TypeScript

• O TypeScript é adotado para fornecer uma tipagem forte, reduzindo erros durante o desenvolvimento.

Framework e Bibliotecas

• O projeto é baseado em React Native com o framework Expo para um desenvolvimento ágil.
• Expo Router é utilizado para gerenciar o roteamento de rotas e abas.
• React Hook Form é empregado para criar formulários avançados com validações.
• Redux e Redux Toolkit são utilizados para o gerenciamento do estado global para a funcionalidade de "Favoritos".
• React Query da Tanstack é utilizado para cacheamento de chamadas HTTP, garantindo um código mais limpo e evitando o uso desnecessário de useState e useEffect.
• Axios é utilizado para realizar chamadas à API do The Movie DB.

Sinta-se à vontade para explorar, modificar e melhorar este projeto! Se precisar de alguma ajuda ou tiver dúvidas, não hesite em entrar em contato.