Level 4

Feedback modal with Next.js and Tailwind CSS


Create a user feedback modal using Next.js, Tailwind CSS, and Headless UI, crafting an interactive and visually appealing component. The challenge focuses on teaching the fundamentals of Next.js, a powerful web development framework, and the effective use of Tailwind CSS for styling. Learners will also explore Headless UI, a versatile library for creating accessible UI components with React.

Participants will develop a responsive and user-friendly modal, leveraging Tailwind CSS for design consistency and Headless UI for seamless integration with React.

By completing this challenge, learners will acquire valuable experience with Next.js, Tailwind CSS, and Headless UI, enhancing their web development skills and component design capabilities.