Skip to content

jonathancosta746/Netflix-Clone-React-Js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netflix Clone

netflix

Como visualizar o projeto?

Disponível do link https://netflix-clone-react-jsc.netlify.app/

ou

Ao realizar clone no repositório, digite 'npm install' ou 'yarn install' caso use Yarn.

Tecnologias Usadas

React Js e API (The Movie Data Base - TMBD)

2022-06-21.22-11-58.mp4

arremessando alto

Função barra escura ao ativar barra de rolagem

image image

Foi adicionada a função para caso o usuário role a barra de rolagem, fosse adicionada a classe do CSS responsável por definir o background escuro. Sendo que se a condição não fosse verdadeira o JavaScript a preencha com nenhum conteúdo.

Para a implementação da função, foi utilizado o useState definido como false: image

Onde no momento que a barra de rolagem estiver em uma posição maior que 10 será definido como true, fazendo com que o javaScript adicione a class Blackground--color ao header. image

Filme em destaque

Pada exibir o filme em destaque foi utilizada uma função onde irá receber os dados de alguma das listas da API, posteriormente fazendo uma seleção aleatória de um item para que seja buscado as informações dele dentro da API. image

Houve um problema de em alguns filmes a descrição ser muito grande quebrando o site, para correção este erro, foi adicionado no index.js do FeaturedMovie uma limitação de 200 caracteres na descrição. image

Um pouco mais sobre o projeto neste link no youtube. Para dúvidas ou sugestões poderá me contatar através do meu email ou Linkedin.

About

Clone da dashboard de usuário do Netflix criado em React

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published