Skip to content
This repository has been archived by the owner on Aug 15, 2022. It is now read-only.

MuraraAllan/desafio-frontend

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🏁 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

Untitled Diagram

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 87.5%
  • CSS 7.0%
  • HTML 4.3%
  • JavaScript 1.2%