Olá, prazer em conhecê-los e foi muito divertido fazer esse desafio! Não finalizei 100% das validações, pois meu trabalho anda bastante desgastante e fiz o teste só tarde da noite. Sem mais, vamos lá!
Deem uma olhada na aplicação aqui!
Basta clonar na sua máquina, dar um pnpm install e em seguida um pnpm dev.
Como vi que o projeto padrão usava vanilla JS, curti muito a ideia de deixar o ReactJS de lado e fazer com vanilla também, só que do meu jeito.
- Troquei o NPM pelo PNPM por motivos de modernidade e velocidade do gerenciador de pacotes;
- Troquei o Parcel pelo Vite, pois tenho mais familiaridade e o ESbuild da de 10 a 0 no Webpack;
- Configurei Eslint e Prettier para manter um padrão mínimo de qualidade de código;
- Configurei o TypeScript no projeto. Achei que ficaria muito chique um vanila TS;
- Na validação do formulário decidi usar o Zod pela facilidade e flexibilidade;
- Na estilização decidi usar SASS, por ser mais moderno e menos verboso;
- Tenho vício por fazer listas.
Em primeiro lugar, o site passa com 100% no Lighthouse do Google Chrome ✨
Em segundo, eu achei legal fazer a mensagem de confirmação de envio do meu jeito. Deem uma olhada!
Em terceiro, o site tá 100% responsivo.
Também configurei as tags sociais para a galera poder compartilhar o site!
Ah! A tag que faltava na head era a meta tag viewport, para podermos trabalhar a responsividade.
