Become a Skillthrive author!

Feedback modal with Next.js and Tailwind CSS

By Hunter Becton for Feedback modal

I struggled with getting all the correct Tailwind CSS classes for all the radio input states. I used Headless UI for the modal, React Hook Form for the form, and Framer Motion for some basic animations.

Solution info
hunter

Hunter Becton

Founder at Skillthrive. I love building web apps with JavaScript and helping others learn to code.

More Solutions from Hunter Becton

Level 3

Feature image for Web designer and developer portfolio
hunter
Hunter Becton

November 12, 2022

Web designer and developer portfolio

I moved quickly with this challenge until I got to the portfolio modal. The image slider took me a long time to figure out because I couldn't figure out how to create the overlapping effect. Luckily Framer Motion helped smooth things out in the end.

Level 2

Feature image for Category tag marquee
hunter
Hunter Becton

October 28, 2022

Category tag marquee

Getting the animation perfect with a seamless transition was difficult, but with some tweaking of flexbox, I was able to figure it out!

Level 2

Feature image for Dad joke generator
hunter
Hunter Becton

October 17, 2022

Dad joke generator

Do you know how to clean up async requests in useEffect hooks? Check out this code to learn how this can be achieved with an AbortController!