CloneNetflix--ReactJs

KO | EN

gitlite — search

#hacktoberfest #ai #typescript #golang #android #machine-learning #rust #deep-learning #nodejs #java #windows #awesome #pytorch #ios

CloneNetflix--ReactJs

(★ 10)

Clone do Netflix, com as funcionalidade da página principal.

CloneNetflix--ReactJs Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">
<br>
 Clone do Netflix
 <br>
</h1>
 <br>
 <p align="center">Este site é um clone do netflix para fins de prática e estudo.<br> Todo direito de imagem pertencem a Netflix.</p>

## 1º Funcionalidade - Animação Barra do Topo
<p>mudança gradual da barra no top do site, que é apresentada<br> após fazer um leve scroll para baixo</p>
<div align="center">
<img src="./gifs/GifTopbarNetflix.gif" alt="TopBar" height="425">
</div>

## 2º Funcionalidade - Animação dos elementos do Site
<p>Destaque gradual nos botões e nas imagens de filmes e sérias. Ocorre gradualmente um destaque nas imagens<br> ao passar o mouse por cima e volta gradualmente a posição anterior ao retirar o mouse da imagem</p>
<div align="center">
<img src="./gifs/buttonsAndImage.gif" alt="buttons and images" height="425">
</div>

## 3º Funcionalidade - Animação na movimentação dos conteúdos
<p>Movimentação para esquerda e para direita na capa dos conteúdos,<br> para que possa ver mais filmes/series relacionadas ao tópico selecionado.</p>
<div align="center">
<img src="./gifs/DestaquesMovieAndSeries.gif" alt="Spotlight" height="425">
</div>

## 4º Funcionalidade - Tela de Loading(carregamento) clássica do Netflix
<p>Uma tela de carregamento é apresentada ao entrar no site pela primeira vez<br> ou quando é atualizada a página.</p>
<div align="center">
<img src="./gifs/Loading.gif" alt="Loading" height="425">
</div>

## 🚀 Tecnologias utilizidas
Essas foram as tecnologias utilizadas para a produção do site

- ✔ JavaScript
- ✔ ReactJs
- ✔ useEffect
- ✔ useState
- ✔ CSS
- ✔ HTML

CloneNetflix--ReactJs

CloneNetflix--ReactJs Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

CloneNetflix--ReactJs

CloneNetflix--ReactJs Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README