🎬 Clone Disney Plus

Um clone responsivo da página inicial do Disney Plus, desenvolvido com HTML, SCSS e JavaScript, utilizando Gulp para automação de tarefas.

🎯 Sobre o Projeto

Este projeto é um clone fiel da página inicial do Disney Plus, criado para fins educacionais e demonstração de habilidades em desenvolvimento front-end. A aplicação replica o design responsivo e as funcionalidades interativas da página original.

🚀 Instalação

1. Clone o repositório

   git clone https://github.com/Sulivan7/clone_disneyplus.git
   

2. Navegue até o diretório do projeto

   cd clone_disneyplus
   

3. Instale as dependências

   npm install
   

💻 Como Usar

Desenvolvimento

Para iniciar o servidor de desenvolvimento com watch automático:

npm run dev

Este comando irá:

• Compilar os arquivos SCSS em CSS
• Minificar os arquivos JavaScript
• Otimizar as imagens
• Observar mudanças nos arquivos e recompilar automaticamente

Build de Produção

Para gerar os arquivos otimizados para produção:

npm run build

Visualização

Após executar o build, abra o arquivo index.html em seu navegador preferido.

📁 Estrutura do Projeto

clone_disneyplus/
├── dist/
│   ├── css/
│   ├── js/
│   └── images/
├── src/
│   ├── images/
│   │   ├── dispositivos/
│   │   ├── em_breve/
│   │   ├── icones/
│   │   ├── logos/
│   │   ├── mais_no_star_plus/
│   │   └── mais_populares/
│   ├── scripts/
│   │   └── main.js
│   └── styles/
│       ├── _available-devices.scss
│       ├── _faq.scss
│       ├── _footer.scss
│       ├── _header.scss
│       ├── _hero.scss
│       ├── _plans.scss
│       ├── _shows.scss
│       ├── _variaveis.scss
│       └── main.scss
├── assets/
│   └── fonts/
├── gulpfile.js
├── package.json
├── index.html
└── README.md

📜 Scripts Disponíveis

Script	Comando	Descrição
dev	npm run dev	Inicia o modo de desenvolvimento com watch
build	npm run build	Gera build de produção
test	npm test	Executa testes (não implementado)