lucasbargas/movieslib_lbs

Projeto MoviesLibLBS

O projeto MovieLibsLBS foi desenvolvido para estudo por mim, Lucas Bargas, com base em um layout disponibilizado pelo Matheus Battisti, do hora de codar, no youtube. Este App tem como objetivo apresentar uma lista de filmes separados por categorias, semelhante ao portal do IMDb e TMDB, porém mais simplista. Para a construção deste App foi necessário o consumo da Api gratuita do TMDB.

Link para visualizar o projeto

https://movieslib-lbs.netlify.app/

Documentação da API do TMDB

https://developers.themoviedb.org/3

Por que fiz este projeto?

Recentemente recapitulei alguns tópicos sobre TypeScript no Youtube. Por isso decidi refatorar este projeto que havia sido desenvolvido em Nextjs sem TypeScript, e então aplicar a ele este superset. Foi um desafio, mas estou feliz com o resultado.

Principais recursos do App

• Lista de filmes mais populares, melhores avaliados, em cartaz e que serão lançados em breve, com paginação;
• Busca de filmes por nome em português ou inglês;
• Página individual para cada filme e com listagem de similares;
• Páginas por categoria, com paginação.

Tecnologias utilizadas

Front end

Nextjs	Typescript	Styled Components	React Icons
14.0	5.3	6.1	4.11

Prints do App (Versões Desktop e Mobile)

Página - Início

Página - Mais populares

Página - Melhores avaliados

Página - Em cartaz

Página - Em breve

Página de busca

Página de filme individual

Como executar este Front End

Pré-requisitos

• Possuir o Nodejs instalado;

Clone o repositório

git clone https://github.com/LucasBargas/movieslib_lbs.git

Entre na pasta

cd movieslib_lbs

Instale as dependências

npm install

Execute o App

npm run dev