Onde a Engenharia de Software encontra a Psicologia do Design.
Baseado na metodologia do best-seller "Roube como um Artista" de Austin Kleon, a arquitetura e o design deste projeto nasceram da desconstrução analítica das melhores funcionalidades do Netflix, Prime Video e Disney+, sintetizando algo superior em termos de experiência cognitiva e UX:
- 🧠 Cerebral (O Padrão Netflix): Arquitetura de informação baseada em modelos mentais pré-existentes. Curva de aprendizado zero para o usuário final.
- ⚡ Veloz (A Eficiência Prime): Abstração profunda de metadados e performance agressiva de carregamento.
- ✨ Imersivo (A Magia Disney+): Paleta de cores rigorosamente selecionada com base na psicologia do entretenimento profundo.
- 🌌 Interface Ultra-Premium: Construída sobre o abismo visual do Deep Black (
#050505) para eliminar a fadiga ocular e aniquilar distrações, utilizando o Cyan Glow (#00f2fe) para guiar a atenção do usuário sem nenhum esforço cognitivo. - 🌡️ UX Emocional (Weather Awareness): O sistema não é estático; ele sente. A plataforma adapta sua saudação e recomendações com base na localização e no clima real do usuário.
"Chovendo aí? Melhor ficar em casa e assistir algo." — O software lê o contexto, criando um vínculo quase humano.
- 💨 Performance "Instant-Feel":
- Skeleton Screens: Eliminação cirúrgica do CLS (Cumulative Layout Shift).
- Preloading Inteligente: Imagens e metadados são injetados no cache antes mesmo da intenção de clique se concretizar.
- Screaming Architecture: Organização de diretórios e código projetada para ser lida e escalada por décadas.
| Camada | Tecnologia / Estratégia |
|---|---|
| Frontend Core | React 18 (Hooks Avançados & Context API) |
| Build Tooling | Vite (HMR e Builds em hipervelocidade) |
| Design System | Tailwind CSS (Abstração e escalabilidade de UI) |
| Data Engine | TMDB (The Movie Database API para dados real-time) |
| Engenharia | Git Flow + IA-Driven Development (IA como copiloto) |
# 1. Clone o repositório
git clone [https://github.com/RenatofilhoDevandtech/Siteprime-video.git](https://github.com/RenatofilhoDevandtech/Siteprime-video.git)
# 2. Instale as dependências da aplicação
npm install
# 3. Configure o ambiente (crie um arquivo .env na raiz)
VITE_TMDB_API_KEY=sua_chave_aqui
# 4. Inicie o servidor em ambiente de desenvolvimento
npm run dev
Este projeto opera sob a Licença MIT.
Nota Artística: Os recursos visuais e a lógica de negócio foram inspirados na desconstrução criativa de plataformas de streaming multimilionárias. O uso da metodologia "Roubo Criativo" é estritamente educacional, focado na demonstração de senioridade e excelência técnica.
Para Headhunters, CTOs e Tech Leads buscando uma análise profunda das decisões arquiteturais e design patterns adotados, acesse a documentação técnica: 👉 PANORAMA.md
