Este projeto é um clone da interface da Netflix, desenvolvido para exemplificar a aplicação de requisições a API e demonstrar habilidades na criação de páginas web responsivas.
O projeto inclui as seguintes funcionalidades e utiliza tecnologias como:
- JavaScript: A linguagem de programação é usada para fazer requisições à API do The Movie Database (TMDb) e manipular o DOM para exibir informações e imagens dos filmes e séries.
- API do TMDb: A API é utilizada para obter dados sobre filmes e séries, incluindo seus títulos, imagens, sinopses e outros detalhes relevantes.
- Requisições Assíncronas: As requisições à API são feitas de forma assíncrona utilizando o
fetch, permitindo a busca de informações em segundo plano sem bloquear a interface do usuário. - Manipulação do DOM: A manipulação do DOM é utilizada para dinamicamente criar e atualizar elementos HTML com informações obtidas da API.
- Responsividade: O layout é desenvolvido para ser responsivo, se adaptando a diferentes tamanhos de tela e dispositivos.
- Carousel de Imagens: Carrosséis de imagens são implementados para exibir os filmes e séries populares, mais bem avaliados e próximos lançamentos.
- Busca: Uma barra de busca interativa é exibida quando o usuário clica no ícone de busca. Isso permite ao usuário procurar por filmes e séries específicos.
O projeto é estruturado com os seguintes arquivos e pastas:
- index.html: O arquivo HTML que define a estrutura básica da página, incluindo os carrosséis e a barra de busca.
- style.css: O arquivo CSS que estiliza a página, tornando-a visualmente atraente e responsiva.
- script.js: O arquivo JavaScript contendo a lógica do projeto, incluindo a interação com a API do TMDb, a criação de elementos dinâmicos e a funcionalidade de busca.
Este projeto foi desenvolvido para Infinity School, como parte da disciplina de JavaScript do curso de Desenvolvimento full stack, ministrada por mim . Ele visa demonstrar a capacidade de utilizar JavaScript para criar páginas web interativas que se comunicam com APIs externas. Sinta-se à vontade para explorar o código, fazer melhorias e experimentar. É uma ótima oportunidade para aprender mais sobre requisições assíncronas, manipulação do DOM e criação de interfaces responsivas. Lembre-se de que este projeto é apenas um exercício para desenvolvimento pessoal e não está associado à Netflix ou ao TMDb de nenhuma forma.