Skip to content

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.

Notifications You must be signed in to change notification settings

danielrdsdev/imdb-ranking

Repository files navigation

IMDB Ranking: Uma Aplicação de Listagem do Top 100 do IMDB

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

🚀 Tecnologias Utilizadas

💻 Sobre o Projeto

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.

📚 Como Utilizar

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:

Instalação

# 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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published