O Anime List App é um aplicativo desenvolvido em React Native estilizado com Tailwindcss, que permite aos usuários criarem suas próprias listas personalizadas de animes e acompanharem seu progresso.
- Navegação intuitiva e amigável para os usuários explorarem diversas categorias de animes.
- Autenticação segura com opções de login usando e-mail e senha, ou autenticação social (Google e Facebook).
- Listas personalizadas para animes concluídos, assistindo, abandonados e pretendendo assistir.
- Possibilidade de adicionar novos animes à lista por meio da tela "Adicionar", inserindo informações como título, gênero, sinopse, classificação e imagem.
- Integração com a API Anilist.co para obter dados atualizados sobre animes.
Descrição: A tela inicial exibe as categorias de animes, como "Mais populares da temporada" e "Animes da temporada". Os usuários podem navegar por essas categorias para descobrir novos animes.
Descrição: Nesta tela, os usuários podem fazer login em suas contas existentes ou se registrar para criar uma nova conta. Eles podem utilizar endereço de e-mail e senha, ou optar por autenticação social, como login com Google ou Facebook.
Esta tela exibe a lista de animes que o usuário já concluiu assistir. Os animes nessa lista são marcados como "concluídos" e exibem informações relevantes, como título e imagem.
Nesta tela, o usuário pode visualizar a lista de animes que está atualmente assistindo. Os animes nessa lista são marcados como "assistindo" e o usuário pode atualizar facilmente o episódio em que parou.
Nesta tela, o usuário pode ver a lista de animes que começou a assistir, mas decidiu abandonar. Esses animes são marcados como "abandonados" e o usuário pode removê-los da lista, se desejar.
Nesta tela, o usuário pode visualizar a lista de animes que planeja assistir no futuro. Os animes nessa lista são marcados como "pretendo assistir" e o usuário pode adicionar ou remover animes conforme necessário.
- React Native
- Expo
- NativeWind
- JavaScript
- Firebase (Firebase Authentication)
- GraphQL (para comunicação com a API Anilist.co)
- Anilist.co API (para obtenção de dados sobre animes)
- Node.js (versão v18.16.0)
- Expo CLI (versão ^48.0.18)
- Firebase account (para configurar o Firebase Authentication)
- Anilist.co API key (para acesso aos dados dos animes)
- Clone o repositório do Anime List App.
- Navegue até o diretório do projeto e execute o comando
npm install
para instalar as dependências. - Renomeie o arquivo
.env.example
para.env
e preencha as variáveis de ambiente necessárias, como as chaves de API do Firebase e Anilist.co. - Execute o comando
expo start
para iniciar o aplicativo usando o Expo. - Abra o aplicativo Expo Go no emulador ou dispositivo físico para visualizar o Anime List App.
Contribuições são bem-vindas! Se você quiser contribuir para o projeto, siga as etapas abaixo:
- Faça um fork do repositório.
- Crie uma branch com uma descrição clara da sua contribuição:
git checkout -b minha-contribuicao
. - Faça as alterações e adições desejadas.
- Commit suas mudanças:
git commit -m 'Minha contribuição'
. - Push para o branch remoto:
git push origin minha-contribuicao
. - Abra um pull request para que possamos revisar as alterações.
Este projeto está licenciado sob a MIT License.