Clone Youtube

💚 Desafio FortBrasil 💚

💻 Codificação da página principal do Youtube 💻

Sumário

• Sumário
• 🔥 Desafio Escolhido
• 💡 Solução
  • ✔️ Componentização
• Responsividade
• Status da Aplicação
• Iniciando a Aplicação
  • Clone da Aplicação
  • Servidor da Aplicação
    • Acesso da aplicação
• 🔑 Licença de uso

🔥 Desafio Escolhido

Codificar o Frontend de aplicações de Streaming de vídeo como Disney+, Netflix, Prime Vídeos..."

💡 Solução

✔️ Componentização

Escolha dos componentes de layout

Figura 1 - Página principal

Figura 2 - Outros detalhes da divisão do componente VideoContent

Responsividade

Dispositivos:

• 4k
• FullHD
• HD
• Tablet
• Smartphones

Status da Aplicação

⏯️ Projeto em atualizações semanais...

Iniciando a Aplicação

Clone da Aplicação

# Download do projeto
$ git clone https://github.com/Douglas-Morais/fortb-youtube.git

# Entrando na página do projeto
$ cd fortb-youtube

# Abra com o editor de sua preferência (ex. VSCode)
$ code .

# Instale as depedendências
$ npm install

Servidor da Aplicação

  # desenvolvimento com hot-reload
  $ npm run dev

  # incia aplicação
  $ npm run start

  # gera arquivos para produção
  $ npm run build

Acesso da aplicação

http://localhost:3000/docs/

🔑 Licença de uso

MIT.