All solutions

I finally finished this small project, built with Astro js and Tailwindcss.

I was almost done with the project when I struggled to manage state in a way to reset input fields, somehow managed to set react-hook-form to deal with this and refactor a bit better my code. Also it was a bit challenging as always to deal with responsiveness.

I finally understood how astro's plugin for tailwind works and how to set a font properly. Also discovered that dynamic styling isn't supported with tailwind so you gotta be creative.

Another project made with Astro JS. I found a bit buggy the breakpoints usage while developing, I'm not sure if the plugin of tailwind for astro was messing with me or if it is an actual bug.

This was my first time using Astro JS and liked the experience. Tried a couple of tricks to sort out the lack of conditional rendering but couldn't achieve calculating the screen width with the js method innerWidth. Any feedback is welcome.

It was challenging to get the design set and I couldn't achieve the flip animation properly. If anyone knows how to make a proper flip animation let me know. I would love to learn more about animations with css.

I found creating the SearchBar component was a bit complicated.