- 1. Prefácio
- 2. Protótipo em baixa
- 3. Protótipo em alta
- 4. Histórias de usuários
- 5. Testes
- 6. Checklists de Objetivos Alcançados
- 7. Tecnologias
- 8. Desenvolvido por
Movie Challenge é uma projeto que usa o framework Angular com linguagem Tyscript e HTML. Criei uma página da web destinada a visualizar, filtrar e ordenar o catálogo de filmes da The Movie Database API V3. Esta página pode servir como um catálogo de filmes geral, mas também, se você quiser, pode considerar a possibilidade de projetá-la para um público específico com preferências como "filmes western" ou "filmes dos anos 80", por exemplo.
Como desenvolvedora Front-end, esses projeto foi desafiador e enriquecedor em aprendizado.
Eu, como usuária, quero visualizar um catálogo de filmes em uma tabela (linhas e colunas).
- Deve ser utilizado o endpoint /discover/movie.
- A aplicação deve incluir paginação para explorar o catálogo por páginas.
- Cada filme deve exibir pelo menos: pôster, título original e ano de lançamento.
- Os componentes desenvolvidos devem ter testes unitários.
Eu, como usuária, quero filtrar e ordenar o catálogo de filmes usando os critérios suportados pela TheMovie Database API V3.
- Para filtrar, deve ser usado o endpoint /discover/movie, e um ou mais de seus parâmetros, como, por exemplo, with_genres.
- Para ordenar, deve ser usado o endpoint /discover/movie, e um ou mais de seus parâmetros, como, por exemplo, sort_by.
- A paginação deve manter o filtro e a ordenação.
- Cada filme deve exibir pelo menos: pôster, título original e ano de lançamento.
- Os componentes desenvolvidos devem ter testes unitários.
Eu, como usuária, quero consultar os detalhes de um filme.
- Deve ser usado o endpoint /movie/{movie_id}.
- Para o filme, devem ser exibidos pelo menos: pôster, título original, ano de lançamento, gêneros, média de votação e total de votos.
- A interface deve permitir retornar à lista de filmes, mantendo o filtro e a ordenação.
- Os componentes desenvolvidos devem ter testes unitários.
- ✅ Tenha protótipo de alta fidelidade no Figma
- ✅ Atende a todos os critérios mínimos de aceitação
- ✅ Está hospedado no GitHub
- ✅ Está com o deploy realizado
- ✅ Possui um README com a definição do produto
Alê Ribeiro