anjoels / desafio-frontend

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🏁 Desafio de programação - Vaga Front-End 🏁

Este teste tem por objetivos principais avaliar:

  • Habilidades no desenvolvimento frontend
  • Conceitos de UI e UX aplicados

Instruções

  • Primeiro, faça um fork deste projeto para sua conta no Github (crie uma se você não possuir).
  • Em seguida, implemente o projeto tal qual descrito abaixo, em seu clone local.
  • Por fim, envie via email um arquivo patch para seu contato na Bycoders_.

Desafio 🚀 🚀 🚀

screen

O desafio consiste em criar um projeto com o design da imagem acima, utilizando a API do YouTube

Utilize a documentação para se orientar em como criar uma conta, logar no app, listar os vídeos do usuário, se inscrever em canais, enviar vídeos, ou o que mais você precisar.

O layout da home não precisa ser exatamente como o do wireframe. Você pode ficar a vontade para exibir os conteúdos/vídeos que achar melhor, desde que qualquer informação (vídeo, texto, cores, imagens) sejam exibidos de maneira organizada e bem distribuida entre a tela, fornecendo uma boa experiência para o usuário.

Antes de iniciar o teste

  1. Crie um projeto no console de desenvolvedor da Google
  2. Ative a YouTube Data API v3 nele
  3. Crie uma credencial de acesso para que seu app possa se comunicar com a API

Requisitos esperados na entrega do teste

  • Fornecer um mecanismo para o usuário poder pesquisar vídeos
  • Possuir home page que exiba algum conteúdo interessante para uma plataforma de vídeos
  • Fornecer uma estrutura de gerência do estado da aplicação
  • Possuir histórico das buscas realizadas (persistir localmente)

Requisitos extras

  • Permitir cadastro de usuário / login através da API do YouTube + OAuth2
  • Permitir upload de vídeo para a API do YouTube

Pontos principais

  • Clean code
  • Conhecimento de boas práticas / design patterns
  • Demonstração de boa gestão do estado do app

Pontos extras

  • Uso de frameworks / libs
  • Testes
  • Componetização do app
  • Uso de linters

About


Languages

Language:TypeScript 77.7%Language:HTML 16.5%Language:CSS 3.2%Language:Dockerfile 2.6%