Skip to content

Latest commit

 

History

History
47 lines (35 loc) · 1.74 KB

README.md

File metadata and controls

47 lines (35 loc) · 1.74 KB

TOP MOVIES

video do projeto

Sobre o site

Esse site consome a api TMDB em tempo real que pega os dados quando é aberto, para pegar os filmes que estão no ranking. Ou seja, depois de um tempo se você entrar no site, provavelmente ja terá mudado algum filmes.

Eu aprendi bastante coisa construindo ele: como trabalhar com rotas no React, reutilização de componentes, estilização com Tailwind, responsividade, manipular as tipagens e interfaces, como trabalhar com funções assíncronas, muita coisa mesmo...

TOUR PELO SITE 😎

Tela inicial

Essa lista pode mudar dependendo dos filmes que estão no TOP do momento que você esta vendo

  • Digamos que você se interesse por algum desse filmes e queira ler mais sobre ele
  • basta colocar o ponteiro do mouse sobre ele e vai aparecer uma "prévia" e o botão "Saiba mais", o nome ja é descritivo, basta clicar

thumbnail

Mais informações sobre o filme que te interessou

image

  • Ali nas tags onde tem os gêneros do filme, são clicáveis e mostra mais filmes sobre o gênero que te interessou!

Exemplo de filtro

filtro "animação"

Tecnologias usadas

  • React
  • React-router-dom
  • Typescript
  • Tailwind
  • Swiper
  • Material UI

Métodos usados

  • Context API
  • Fetch API
  • React Hooks
  • Herança
  • Polimorfismo
  • Props
  • Navegação com o react-router-dom
  • Componentização
  • Arrisco dizer um Clean Code
  • Separação de dependências
  • Variável Ambiente