Junte-se a outras 44 pessoas que estão fazendo esse mini projeto.
















Utilize o Framer Motion e construa uma playlist em que você poderá mudar a ordem das músicas utilizando drag and drop!
Utilize o React e o Framer Motion e construa uma playlist em que você poderá mudar a ordem das músicas utilizando drag and drop! O objetivo desse mini projeto é tanto descobrir como o Framer Motion facilita o uso de drag and drop bem como entender como funciona, por trás dos panos, a lógica de reordenação de uma lista drag and drop.
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.
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.
Design do Figma
Imagens e lista de músicas