To explore and apply the wide range of animations offered by Framer Motion as well as applying only Tailwindcss for styling and positionning, this project is exclusively targetted towards practice and exercice. It's purpose is to implement frontend design, making the process faster and more effective with Tailwindcss and enhance the User Experience with many interactions via Framer Motion. Let's still have some fun with it!
I needed some time and look around to finally set up Tailwindcss, now it's up and running ! Let's Start !!
I found out today that with Tailwind, if you want to write the long class names in a CSS file and @apply these, you have to assign them to the html element and not the className. Using the most common elements in web, it forces to think custom tailwind lines in a clear and organised way. Assigning them by elements gives more concistency.
10 minutes later :
Forgot about className={styles.navbar}, done it just before ...
I start to see interest in Tailwindcss but it is still not my favorite way to write css. Can't find precision in the sizes and positions yet. p-96? w-72? h-1/3 ??