Skip to content

devfalcomer/CINE_FLIX

Repository files navigation

Lumina Space - Premium Streaming Interface

O LUMINA SPACE é uma plataforma moderna e responsiva de exibição de filmes e séries em tempo real. O projeto traz uma interface futurista inspirada em serviços de streaming premium, combinando efeitos de glassmorphism aeroespacial, animações ambientais e bordas interativas em neon que se adaptam dinamicamente às ações do usuário.


Tecnologias Utilizadas

Este projeto foi construído utilizando as ferramentas mais modernas do ecossistema front-end:

  • React - Biblioteca JavaScript para construção de interfaces modulares e reativas.
  • Vite - Bundler de última geração que garante um ambiente de desenvolvimento ultra-rápido.
  • Tailwind CSS v4 - Framework utilitário de CSS em sua versão mais recente, utilizando carregamento nativo via PostCSS para máxima performance.
  • Lucide React - Pacote de ícones minimalistas e consistentes em formato vetorial (SVG).
  • TMDB API - Integração assíncrona com o maior banco de dados de cinema do mundo para consumo de dados em tempo real.

Funcionalidades e Diferenciais Visuais

  • Design Mobile-First & Responsivo: Layout totalmente adaptável. A barra de navegação lateral se transforma em um menu inferior no estilo iOS para acessibilidade em celulares.
  • Bordas Dinâmicas em Neon: Cards que utilizam máscaras de recorte CSS avançadas para acender uma borda gradiente viva ao passar o mouse.
  • Glassmorphism Aeroespacial: Elementos flutuantes translúcidos que criam profundidade realista com desfoque de fundo (backdrop-blur).
  • Luzes de Fundo Ambientais: Esferas de luz com animações assíncronas que simulam um efeito de iluminação de cinema ao fundo do app.
  • Banner de Destaque Inteligente: O topo da página renderiza dinamicamente o filme em maior evidência com base nos dados reais do servidor.

Como Rodar o Projeto Localmente

Siga os passos abaixo para clonar e executar a aplicação na sua máquina:

  • Primeiro rode o comando npm install ou npm i
  • Execute o comando npm run dev

Prerequisites (Pré-requisitos)

Certifique-se de ter o Node.js (versão 18 ou superior) instalado em seu computador.

1. Clonar o Repositório

Abra o seu terminal e execute o comando:

git clone [https://github.com/devfalcomer/movieflix.git](https://github.com/devfalcomer/movieflix.git)

About

Uma plataforma moderna de streaming desenvolvida com React e Tailwind v4. Interface premium com efeitos de glassmorphism aeroespacial, bordas dinâmicas em neon responsivas e integração em tempo real com a API do TMDB.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors