Skip to content

O projeto Movie-Challenge é feito no Framework Angular em TypeScript, é meu primeiro contato com esse framework, tem sido um desfio muito interessante e um rico aprendizado. Preciso atender a três UI que são uma lista de filmes, detalhes dos filmes e ordenação e filtragem.

Notifications You must be signed in to change notification settings

ribeirober1208/Movie-challenge

 
 

Repository files navigation

MovieChallenge

Índice

1. Prefácio

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.

2. Protótipo em baixa

2.1 Lista de filmes:

Alta

2.2 Detalhes do filme:

Alta

3. Protótipo em alta

3.1 Lista de filmes:

Alta

3.2 Detalhes do filme:

Alta

4. Histórias de usuários

[História do Usuário 1] Lista de Filmes

Eu, como usuária, quero visualizar um catálogo de filmes em uma tabela (linhas e colunas).

Critérios de aceitação
  • 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.
Definição de Pronto
  • Os componentes desenvolvidos devem ter testes unitários.

[História do Usuário 2] Filtro e Ordenação

Eu, como usuária, quero filtrar e ordenar o catálogo de filmes usando os critérios suportados pela TheMovie Database API V3.

Critérios de Aceitação
  • 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.
Definição de Pronto
  • Os componentes desenvolvidos devem ter testes unitários.

[História do Usuário 3] Detalhes de um Filme

Eu, como usuária, quero consultar os detalhes de um filme.

Critérios de Aceitação
  • 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.
Definição de Pronto
  • Os componentes desenvolvidos devem ter testes unitários.

5. Teste

Cobertura de 80% Teste

6. Checklist de Objetivos Alcançados

  • ✅ 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

7. Tecnologias

Angular TypeScript HTML

8. Desenvolvido por


Alê Ribeiro

About

O projeto Movie-Challenge é feito no Framework Angular em TypeScript, é meu primeiro contato com esse framework, tem sido um desfio muito interessante e um rico aprendizado. Preciso atender a três UI que são uma lista de filmes, detalhes dos filmes e ordenação e filtragem.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 76.8%
  • HTML 13.2%
  • CSS 10.0%