Skip to content

(web/mobile) UI Clone da Interface da Disney Plus utilizando HTML, CSS e JavaScript. O conteúdo da aplicação foi gerado dinamicamente utilizando o serviço (API) da TMDB.

thaizacapelao/Disney-Plus-UI-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

UI Clone - Disney Plus

chrome_wdAS1dcbe8 firefox_lnxqGmVJVQ image image

💻 Projeto

Disney-plus


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.

🛠️ Features:

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

✨ Linguagens utilizadas:

🔖 Layout:

Você pode visualizar o layout do projeto através desse link.

About

(web/mobile) UI Clone da Interface da Disney Plus utilizando HTML, CSS e JavaScript. O conteúdo da aplicação foi gerado dinamicamente utilizando o serviço (API) da TMDB.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published