Projeto proposto pela equipe da Digital Innovation One. O projeto consiste em criar um clone do site da Netflix, implementando algumas funcionalidades utilizando libs.

• Este projeto não possui pré-requisitos. O site estará disponível online por meio da hospedagem do site Netlify.

• CSS :

  • Position: O position foi utilizado em vários momentos dentro do projeto. Para criação de dropbox, para inserção de texto em cima de imagem e para criação do modal. No caso, o position possui dois valores relativeabsolute. O padrão do browser e relative, já que os componentes ocupam um espaço relative ao componente próximo a ele. O absolute ignora componentes vizinhos e ocupa o local de "origem" onde ele deveria estar.
  • Filter: O filter foi utilizado para alterar a cor dos svg presentes no projeto, já que o svg não aceita o color como propriedade CSS.
  • Mask-image: essa propriedade tinha como objetivo criar um fade no final da imagem de fundo. Para isso utilizamos a propriedade passando os seguintes parâmetros: linear-gradient(to top, transparent 3%, black 100%);
  • Lighten and Darken: Propriedade do SaSS que tem o objetivo de escurecer ou clarear o item selecionado, podendo escolher a cor e o grau.
  • @font-face: Utilizei o font-face para importar fonts externas.

• JS :

  • Utilizei a lib Owl Carousel para criar o carrousel. A lib tem muitas funcionalidades, mas utilizei somente a de criar um tema e o carrousel em si. Foi o primeiro uso de uma lib.

Para usar Clone Netflix, clique no link abaixo:

Acesse o site!!!

Esse projeto está sob licença. Veja o arquivo LICENÇA para mais detalhes.