paulo-augusto12 / my-anime-list

A my anime list react website

Hi 👋, I'm Paulo Augusto

I'm a front end and mobile developer

• 🔭 I’m currently working at Covenant

• 🌱 I’m currently learning Kotlin and PHP

• 💬 Ask me about Javascript, typescript, node, React, React native, Vue

• 📫 How to reach me [email protected]

Connect with me:

Languages and Tools:

my-anime-list's Issues

Criar repositório de mangás

Criar o repositório para as funcionalidades da API envolvendo mangás

como será feita a implementação dos dados fornecidos sobre a api com relação a mangás, será criado inicialmente apenas o repositório de mangás

• O Repositório deve possuir um método construtor com o httpService
• O Repositório deverá ser capaz de implementar as suas interfaces para seguir o design pattern do projeto

Caso de uso de Top animes

Desenvolver caso de uso para a chamada de rota de Top Animes da API

desenvolver o caso de uso para a chamada da rota https://api.jikan.moe/v4/top/anime

• Caso de uso deve estar estruturado seguindo o pattern do código
• A chamada de rota deve retornar um array de user Models
• A rota deve retornar os animes ordenados seguindo o parâmetro informado pelo usuário, que poderão ser "tv" "movie" "ova" "special" "ona" "music"
• A chamada deve possuir paginação como parâmetros e resposta
• A páginação irá indicar quantos animes serão exibidos por busca

Implementar testes

Desenvolver uso de testes para casos de uso e components

Usar o vitest para a implementação de testes de caso de uso e para a funcionalidades de components.

um pouco sobre o vitest

Desenvolvimento da página sobre um anime

Caso de uso de mangá aleatório

Caso de uso para retornar todos os mangás

Desenvolvimento da Ui da página de mangás

Página de mangás Routes

Desenvolvimento da página de mangás

• Configurar a navegação do react-router-dom
• Adicionar as rotas que serão utilizadas na aplicação

As rotas que a aplicação irá possuir serão:

1. / Home page
2. /mangas Página de mangás
3. /anime/random Página de um anime aleatório
4. /anime Página de informação sobre um anime
5. /manga Página de informação sobre um manga
6. /top Página de top animes e mangas por gênero e filtro

card component

Desenvolver o componente de card que está no design original

• O componente precisa ter a imagem do anime
• O componente precisa ter o nome do anime
• O componente precisa informar a quantidade de episódios do anime

Ver se tem como usar o tsyringe com Vite

Não tem....

Caso de uso de trending mangas

Caso de uso de personagem aleatório

estruturar o projeto

Desenvolvendo a estrutura do projeto utilizango clean arch e injeção de dependências.

Por estar usando o Vite, no momento a injeção de dependência é feita manualmente em todas as chamadas a Api, sem o uso de libs como o tsyringe

• Camada de Domain
• Camada de Data
• DTO
• Services

Caso de uso de busca por um anime

Caso de uso de Busca por query

Caso de uso para a rota de pesquisa de um anime

desenvolver a estrutura da chamada de rota https://api.jikan.moe/v4/anime?q=${busca_por_um_nome} da api

Caso de uso de anime aleatório

Caso de uso para retornar um anime aleatório ao usuário

• Deve redirecionar para a página do anime
• Deve conter um model com nome, sinopse, rating, classificação indicativa, imagem, quantidade de episódios, status de publicação...
• Deve ser estruturada conforme o design do código