Room Homepage Built With Next.js, Mantine-UI and Tailwindcss

Solution retrospective
I'm proud of how closely I matched the UI design while keeping the code clean and maintainable. I also ensured that the layout was fully responsive and accessible across devices, which made the user experience feel polished.
What I’d do differently next time: Next time, I’d start by planning out the responsive layout more thoroughly before diving into code. This would help reduce minor layout tweaks later on and improve development speed.
What challenges did you encounter, and how did you overcome them?One of the main challenges was replicating the exact layout and responsiveness from the design. Although not difficult, it required careful consideration of spacing, breakpoints, and consistent component structure. I overcame this by breaking down the design into manageable sections and using Tailwind/Mantine effectively to handle responsive behavior and spacing.
What specific areas of your project would you like help with?At this stage, I don’t need help, but I always stay open to feedback or suggestions that could improve performance, accessibility, or user experience.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Micolash89
nice one my friend keep it up ♥
- @MarziaJalili
Tremendous! 🎉
🌟 A tiny adjustment
✅ Consider changing the links to dummy links so they don't take us to that 404 unknown page, man.
<a href="#">
Hope this turns out correct unlink my previous feedback! 😅
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord