Yungas Front-end Challenge

O objetivo deste desafio é avaliar a sua maneira de pensar e resolver os problemas propostos.

A forma como você resolverá este desafio é importante para entendermos seus padrões de qualidade, organização, performance, etc. No final, lhe daremos retorno sobre os pontos que achamos positivos e negativos.

A Yungas utiliza Svelte para seu front-end. Familiaridade com Svelte não é um requerimento, mas um diferencial. Se você teve experiência com outros frameworks (React, Vue, Angular) também será válido.

O Desafio

A Yungas é uma plataforma para redes de franquias com diversos módulos. A ideia desse desafio é simular, de maneira simplificada, o processo de desenvolvimento de um módulo da plataforma: o módulo de Treinamento.

O módulo de Treinamento é utilizado pelos clientes da Yungas para facilitar a capacitação de colaboradores e franqueados de suas redes, melhorando a produtividade dos colaboradores e o desempenho das franquias.

Neste repositório você vai encontrar mockups do módulo de Treinamento, juntamente com um arquivo em Markdown (USER-STORIES.md) descrevendo algumas das ações que usuários que solicitaram a feature querem executar nesse módulo.

Sua tarefa é implementar as ações do módulo seguindo a linha estética dos mockups. Sinta-se livre para tomar suas próprias decisões de UI/UX e preencher "gaps" nos mockups. Suas decisões de UI/UX e sua capacidade de interpretação dos mockups serão utilizadas como critério de avaliação.

Mockup

As Regras

• Implementar em algum framework de front-end, de preferência o Svelte.
• Disponibilizar o resultado em repositório público (não importa a plataforma).

Os Critérios

• Organização do projeto de acordo com responsabilidades.
• Organização e reutilização do código via componentização.
• Interpretação das intenções estéticas do mockup, capacidade de preencher os "gaps".

Extras

• Se fizer em Svelte, top, gostamos de Svelte :^)
• Responsividade & mobile first.
• Utilizar TailwindCSS.
• Presença e qualidade de testes.
• Clean architecture.
• Explicações (pode ser no README) de como seria o deploy deste app.
• Deploy onde desejar, coloque o link no readme.

Obs.: Em relação aos extras, não é "tudo ou nada", faça o que conseguir!