Aplicação web para busca de filmes e séries em tempo real, consumindo a API do The Movie Database (TMDB).
O projeto foi desenvolvido com foco em performance, experiência do usuário e boas práticas de desenvolvimento Front-end, utilizando Next.js, React e TypeScript.
🔗 Acesse o projeto online:
https://cine-search.vercel.app/
# Clonar o repositório
git clone https://github.com/MuriloCamargo12/CineSearch.git
# Entrar na pasta do projeto
cd cinesearch
# Acesse developer.themoviedb.org para gerar uma KEY da API
# Criar arquivo .env na raiz com:
TMDB_KEY=KeyGeradaDoTheMovieDB
# Instalar dependências
npm install
# Rodar o projeto
npm run dev- Next.js (App Router)
- React (Hooks)
- TypeScript
- Tailwind CSS
- Swiperjs
- Tabler.io
- TailWindCSS Animated
- 🔎 Busca de filmes e séries em tempo real
- 🎬 Visualização de detalhes completos em modal (sinopse, nota, data de lançamento)
- ❌ Tratamento de estados: erro e sem resultados
- 📱 Layout totalmente responsivo (mobile e desktop)
- ✨ Animações e transições suaves na interface
Durante o desenvolvimento deste projeto, pratiquei:
- Consumo e tratamento de API externa The Movie Database (TMDB)
- Gerenciamento de estado assíncrono com React Hooks
- Tratamento de loading, erro e estados vazios
- Organização e componentização de interfaces
- Uso de rotas dinâmicas com Next.js (App Router)
- Uso de variáveis de ambiente (.env)
- Deploy e configuração na Vercel
🆘 Precisa de ajuda? Entre em contato comigo pelo Linkedin:
