- Node.js 16+
- Não utilizar nenhuma biblioteca além das que já estão instaladas (seja de CSS ou JS)
- Instalar as dependências
- Ver o teste "quebrar" rodando
yarn test
- Escrever as classes para passar nos testes
- Criar a interface baseada no protótipo do Figma
- Fazer a aplicação responsiva utilizando as classes criadas no passo anterior
- Testar usando os comandos
yarn start
- Faça bom uso de variáveis CSS
- Utilize os recursos mais novos de JavaScript (ESNext)
- Encapsule as propriedades das classes (impedir valores inválidos em atribuições diretas)
- As imagens necessárias estão na pasta
public/img
- A estrutura de pastas atual, dentro de
src
, é apenas uma sugestão, sinta-se livre para modificá-la como achar melhor.
- Todos os testes cumpridos
- Fidelidade ao protótipo
- Responsividade
- Estrutura do código
- Gerenciamento de estados (store/state/etc)
- Uso de boas práticas (legibilidade, código limpo, etc)
- Aplicativo funcionando com músicas tocando e faixas sendo trocadas (utilizar o arquivo da pasta
mocks
) - Funcionalidades adicionais são bem-vindas (use sua criatividade)