my-movie

📋 Índice

• Sobre o Projeto
• Objetivos
• Funcionalidades
• Capitura de Tela
• Linguagens utilizadas
• O que eu aprendi
• Recursos úteis
• Autor

Sobre o Projeto

Neste projeto eu trago imagens de filmes através de uma API do Site - themoviedb.org para o carrosel onde os filmes são exibidos, fiz a requisição de dados dos filmes usando a biblioteca Axios que permite fazer solicitações HTTP facilmente.

Objetivos

• Ganhar mais conhecimento em JavaScript.
• Trabalha com API.
• Exercitar Bootstrap.
• Aprender mais sobre APIs.

Funcionalidades

1. Pegar dados da API TMDB
2. Carousel slide
3. Carousel de Filmes
4. Pre Loading

Captura de tela

📸

Menu inicial e Carousel Slider

Carousel de Filmes

Demonstração

[Link Demontração](My Movie)

Linguagens utilizadas

📝 HTML | CSS, Bootstrap | JavaScript

O que eu aprendi

🤓

• Fazer o consume de dados de uma API, manipulando a URL para trazer os dados até a tela.

Melhorias na alicação

• Melhorar a Responsividade
• Trazer os nomes do filme em protuguês
• Colocar titulo no carrosel
• trazer os filmes e videos para o carousel principal

Lista de possíveis implementações

1. login de usuário
2. Modal com detalhes do filme
3. Adicionar aos Favoritos
4. Tratar da Responsividade
5. Trazer os dados em português

Recursos Úteis

🔧

• Axios Js CDN

• Axios Js Docs

• htmlarrows

• Icons by Lordicon.com

• The Movie DB

• Box Icons

• Carousel Bootstrap

• Use a URL abaixo para trazer imagens no card, slider... passe o tamanho da imagem e depois do sinal de interrogação o tema da imagem que tu quer como car, movie, peaple, etc...

• https://source.unsplash.com/random/2560x1080/?model

Autor

🧑‍💻

Vanderlei Junior

• GitHub
• Linkedin