Comecei a usar Tailwind CSS, apesar de ser o primeiro projeto que usei Tailwind CSS, já tinha usado ferramentas semelhantes como o bootstrap, dessa forma a curva de aprendizado desta ferramenta não foi muito grande.
Incluí o Jotai para fazer o gerenciamento de estado, gostei muito dos conceitos da lib, achei bem tranquilo de usar também.
Sobre a organização do projeto, eu optei por usar um padrão de divisão de componentes que se resume em 3 grandes grupos:
- Átomos
- Moléculas
- Organismos
onde as moléculas são formadas por átomos e os organismos são formados por moléculas.
A parte mais difícil foi usar a Áudio API e fazer com que tanto a progressbar como o status de tempo modificassem a medida que áudio fosse correndo
Novamente comentando sobre o Tailwind achei bem interessante a dinâmica de extend que permite criar animações direto no tailwind.config.cjs, permite sobreescrever cores e muito mais.