Solution #10. Sunnyside landing page. React | Vite | Tailwind | Framer

What are you most proud of, and what would you do differently next time?

What I'm most proud of is that I mastered Tailwind (at a basic level). I wanted to try something new besides SCSS.👌

Next time I would like to use TypeScript in my project.

What challenges did you encounter, and how did you overcome them?

There were quite a lot of difficulties😃

The most difficult thing for me was using classes in components correctly.

It was also difficult to work with the CardDescription component.

The difficulty was that I needed to style the last 2 cards in the component and style them differently.

I dealt with this using if else conditions:

if ( index === cardData.length - 2 || index === cardData.length - 1) {
     return (...)

And also I used Framer Motion for animation and it also took me a while to understand how to apply this library to components!