Projeto de recriação da interface da Disney Plus utilizando HTML, CSS e JavaScript. Todo o conteúdo da aplicação é gerado dinamicamente utilizando o serviço(API) da TMDB. Essa api fornece todos os dados filme, como título, descrição, capa, foto de background e nota de avaliação (array de informações que muda de forma dinâmica).
Para facilitar a codificação do projeto foi usado um protótipo do figma como base, o autor do layout é o design Itai Bracha.
- Uso semântico do HTML
- Integração com a API do TMDB ao usar o
fetch
. - Criação de elementos dinamicos com o uso do
createElement
. - Estrutura de variavei globais no script.
- Uso de variáveis globais no
:root
. - Menu interativo.
- Melhorias na performace de carregamento.
- Adicionado um favicon.
- Marcação de filme ativo.
- Evento para adicionar um filme.
- Responsividade da aplicação com
@mediaQueries
.
- HTML.
- CSS.
- JavaScript.
- API TMDB.
Você pode visualizar o layout do projeto através desse link.