🎬 StreamPlay

StreamPlay é um projeto educacional que simula a interface de uma plataforma de streaming real. Apresenta um design minimalista, responsivo e interativo, com seções organizadas por gênero, cards envolventes e animações suaves que proporcionam uma experiência visual agradável.

✨ Funcionalidades

• ✅ Layout Responsivo - Design adaptável para diferentes tamanhos de tela
• ✅ Catálogo Organizado - Filmes e séries separados por gênero (Ação, Comédia, Ficção Científica, Romance, Terror)
• ✅ Cards Interativos - Exibição elegante de conteúdo com imagens e informações
• ✅ Animações Fluidas - AOS para scroll animations e Lottie para elementos animados
• ✅ Interface Minimalista - Design limpo e focado na experiência do usuário
• ✅ Página de Planos - Exibição de opções de assinatura
• ✅ Navegação Intuitiva - Menu com ícones via Boxicons

🛠️ Tecnologias Utilizadas

Tecnologia	Descrição
HTML5	Estrutura semântica da aplicação
CSS3	Estilização e layouts modernos
JavaScript	Interatividade e lógica da aplicação
AOS	Animações com efeito de scroll
Lottie	Animações em JSON
Boxicons	Ícones vetoriais

📁 Estrutura do Projeto

streamplay/
├── index.html              # Página principal
├── plans.html              # Página de planos de assinatura
├── README.md               # Este arquivo
│
├── css/
│   └── style.css          # Estilos gerais da aplicação
│
├── js/
│   ├── script.js          # Script principal
│   ├── arrow-down.json    # Animação Lottie (seta para baixo)
│   └── arrow-right.json   # Animação Lottie (seta para direita)
│
└── img/
    └── [imagens locais]   # Capas de filmes e séries

🚀 Como Usar

Pré-requisitos

• Navegador web moderno (Chrome, Firefox, Safari, Edge)

Instalação Local

1. Clone ou baixe o repositório:

   git clone https://github.com/seu-usuario/streamplay.git
   cd streamplay

2. Escolha uma opção para executar:

   Opção 1: Live Server no VS Code (Recomendado)

   • Instale a extensão Live Server
   • Clique com botão direito em index.html
   • Selecione "Open with Live Server" ou Alt + L, O
   • O navegador abrirá automaticamente em http://127.0.0.1:5500

   Opção 2: Node.js Live Server

   npx live-server

   • Acesse: http://localhost:8000

   Opção 3: Abrir diretamente (funciona, mas sem reload automático)

   • Clique duas vezes em index.html para abrir no navegador padrão

📱 Compatibilidade

• ✅ Desktop (Chrome, Firefox, Safari, Edge)
• ✅ Tablet (iPad, Android tablets)
• ✅ Mobile (responsivo para smartphones)

👨‍💻 Autor

Henrico

• GitHub: @devhenrico