Scenr é um aplicativo de informações de filmes que permite explorar dados completos sobre filmes: onde assistir, nota, sinopse, elenco, estúdios, orçamento, bilheteria, trailer, IMDb e muito mais.
-
Visualizar detalhes completos de filmes em um modal moderno e responsivo.
-
Informações exibidas:
- Título, título original, sinopse, gênero, classificação, duração.
- Idioma, país de origem, estúdios, orçamento e bilheteria.
- Nota média, número de votos, metascore.
- Locais de filmagem.
- Trailer e links externos (IMDb, site oficial).
-
Layout adaptativo para imagens horizontais ou verticais.
-
Tags de tecnologias: 4K, Dolby Vision, Dolby Atmos, CC, AD.
-
Interface moderna com gradiente e blur de fundo no modal.
- Next.js 13
- React 18
- TypeScript
- Tailwind CSS
- Lucide Icons
- Next/Image para otimização de imagens
git clone https://github.com/SEU_USUARIO/scenr.git
cd scenr
npm install # ou yarn install
npm run dev # ou yarn devAcesse no navegador: http://localhost:3000
- Navegue pelos filmes disponíveis.
- Clique em qualquer filme para abrir o modal de detalhes.
- Explore trailer, notas, links externos e informações completas.
- Feche o modal clicando no
Xou fora do modal.
export interface Movie {
id: string;
primaryTitle: string;
originalTitle?: string;
description?: string;
primaryImage?: string | { url?: string };
averageRating?: number;
numVotes?: number;
metascore?: number;
releaseDate?: string;
startYear?: string;
runtimeMinutes?: number;
runtime?: string;
contentRating?: string;
type?: 'tv' | 'movie';
genres?: string[];
countriesOfOrigin?: string[];
spokenLanguages?: string[];
filmingLocations?: string[];
productionCompanies?: { name: string }[];
budget?: number | string;
grossWorldwide?: number | string;
trailer?: { url?: string };
externalLinks?: { url: string; site: string }[];
url?: string;
}Este projeto é distribuído sob a licença MIT. This project is licensed under the MIT License.
Daniel Mendes 📧 contato: [email protected] 📍 Brasil | Brazil