Catalogo de cinema e series desenvolvido como Trabalho Final da disciplina Linguagem de Programacao para Internet.
- Nome: Alexandre Rezende Silva
- RA: 5127545
- Nome: Bruno Henrique Martins
- RA: 5168884
- Nome: Raul Fernandes Silva Melo
- RA: 5170007
Catalogo de Cinema e Series.
O CineScope e uma Single Page Application feita em React. A aplicacao permite navegar por paginas, visualizar um catalogo mockado de filmes e series, filtrar titulos, salvar favoritos e interagir com um componente criativo chamado Roleta de Cena.
- React
- JavaScript
- Vite
- React Router DOM
- CSS Modules
- lucide-react
- Navegacao SPA entre Inicio, Catalogo, Favoritos e Sobre.
- Cards dinamicos renderizados a partir de dados mockados locais.
- Filtros por tipo, genero e busca textual.
- Lista de favoritos com estado compartilhado entre paginas.
- Renderizacao condicional para lista vazia e resultados nao encontrados.
- Navegacao programatica com
useNavigate. - Componente criativo interativo: Roleta de Cena.
Nome do componente: Roleta de Cena.
Localizacao no projeto: src/components/SceneRoulette/SceneRoulette.jsx.
Descricao: A Roleta de Cena e um componente criativo autoral desenvolvido para o tema Catalogo de Cinema e Series. Ela apresenta uma roda visual dividida por climas narrativos, como Epico, Tenso, Romantico, Complexo, Nostalgico e Surpreendente. Ao clicar no botao Girar roleta ou na propria roda, a interface altera a selecao visual e exibe dinamicamente uma recomendacao do catalogo relacionada ao clima escolhido.
Interacao com o usuario: O componente utiliza evento de clique para girar a roleta, atualizar o estado interno e trocar o filme ou serie recomendado. Essa interacao causa uma mudanca visual perceptivel na roda e no painel de recomendacao.
npm installnpm run devDepois acesse o endereco exibido no terminal, normalmente http://localhost:5173.
npm run build