Status: Concluído ✅
Sobre • Requisitos • Ferramentas • Executando o projeto • Licença
O objetivo deste projeto é desenvolver uma aplicação frontend para consumir uma api de filmes, e listar os filmes que são tendências da semana.
A API utilizada foi: TheMovieDB
✅ O app deve conter uma navbar com um logo fictício, uma categoria(Trending), e um campo de buscas.
✅ Ao carregar a página, os filmes da categoria tendências(Trending), deverão ser exibidos em forma de cards em uma grid.
✅ Os filmes deverão ser ordenados por nota, da mais alta para a mais baixa.
✅ Os cards devem conter: uma miniatura da imagem da capa do filme, o título do filme, a data de lançamento no formato (ex.: "20 de nov de 2020") e a nota (vote_average).
✅ Você pode usar alguma forma visual para diferenciar filmes com nota acima de 6 e abaixo de 6 como um bônus.
✅ Ao clicar em um card, o usuário deve ser direcionado para a página de detalhe do filme selecionado.
✅ A página de detalhe deve conter a imagem do filme em um tamanho maior, juntamente com informações mais detalhadas sobre o mesmo (essas informações ficam a seu critério, o que achar importante e interessante mostrar para o usuário).
✅ No campo de busca da barra de navegação, o usuário poderá procurar por filmes por um título Se a busca por um título não retornar nenhum resultado, o usuário deverá ser informado de forma amigável que não foi possível encontrar aquele título.
✅ A aplicação deve se comportar de forma responsiva para que seja exibida da melhor forma, tanto em telas mais pequenas quanto nas maiores.
Além do que foi pedido, adicionei animações para deixar a aplicação mais agradável e fluida, e também uma página exclusiva para tratativa de erros.
Estas são as principais ferramentas utilizadas na construção do projeto:
Antes de qualquer coisa, você precisa ter o Git, o Yarn e o Node.js instalado na sua máquina. Feito isso, você pode prosseguir.
# Clone este repositório:
$ git clone https://github.com/hbalardin/trending-movies
# Acesse à pasta do projeto:
cd trending-movies
# Instale as depêndencias:
yarn
# Execute a aplicação em modo de desenvolvimento:
yarn startCaso a página não abrir automaticamente, acesse: http://localhost:3000
Esse repositório está sob a licença MIT.
Desenvolvido por Henrique Balardin.