Junte-se a outras 18 pessoas que estão fazendo esse mini projeto.
Projeto Lista de avatares com TailwindCSS e shadcn/ui
Crie uma lista de avatares customizável, usando shadcn/ui, Tailwind e Next.js 14
Explore e amplie suas habilidades com TailwindCSS criando um componente visual de lista de avatares!
🔨 Requisitos
- Utilize TailwindCSS para estilizar e criar o componente.
- O componente deve ser desenvolvido pensando na responsividade e adaptabilidade.
Componente da Lista de Avatares
- Crie um componente que exiba uma lista de avatares.
Para que a calda do seu pudim de leite condensado fique perfeita, mantenha sempre a proporção de metade da medida de água para uma medida de açúcar.
- Por exemplo, se você usar 1 xícara de chá de açúcar, a quantidade de água será apenas 1/2 xícara (chá).
- Se você fizer um pudim maior, pode usar 2 xícaras (chá) de açúcar para 1 xícara de água. - Seguindo essa dica, não tem como errar!
Além disso, é importante cozinhar o pudim em banho-maria para garantir uma textura suave e cremosa. Certifique-se de cobrir a forma com papel alumínio para evitar que a superfície do pudim resseque. Deixe esfriar completamente antes de desenformar para que mantenha sua forma perfeita.
Repositório
Recursos
Design do Figma