Este projeto, chamado IMDB Ranking, é um estudo sobre a utilização de scroll infinito, filtro de pesquisa com URL state utilizando searchParams do Next.js e skeleton loading em uma aplicação React utilizando Next.js, TypeScript, Tailwind CSS e a API REST do IMDB.
🔗 Projeto online Clique para ver
O IMDB Ranking é um aplicativo que lista o top 100 de filmes e séries do IMDB, fornecendo diversas funcionalidades, incluindo:
- Scroll infinito
- Filtro de pesquisa com URL state utilizando searchParams do Next.js
- Skeleton loading
- Divisão por página dos 100 filmes e 100 séries
- Consumo da API REST do IMDB que fornece o top 100
Este projeto tem como objetivo aprofundar o conhecimento nas tecnologias mencionadas acima, focando na implementação de scroll infinito, utilização de filtros de pesquisa com URL state utilizando searchParams do Next.js, a implementação de skeleton loading e a utilização da API REST do IMDB.
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
# Clone este repositório
$ git clone https://github.com/danielrdsdev/imdb-ranking.git
# Acesse a pasta do projeto no terminal/cmd
$ cd imdb-ranking
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# O servidor inciará na porta:3000 - acesse http://localhost:3000