Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

NOTIFICATION PAGE 🔔 [ ACCESSIBLE - TAILWIND CSS - TYPESCRIPT ]

#accessibility#react#tailwind-css#typescript#vite

@mahmoudAcm

Desktop design screenshot for the Notifications page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


❤️ Hello, Frontend Mentor Community,

This is my solution for the Notification Page.

  • Optimized Performance: My solution has achieved an impressive 93% score on Google Pagespeed Insights, ensuring swift loading times and seamless interactions. 🚀

  • Unrivaled Precision: With a remarkable accuracy rate of 99.9%, my solution sets a new standard for excellence. 🎯

  • User-Centric Design: Users can easily manage their notifications by marking them as read, enhancing their overall experience.

  • Versatile Notification Mocking: Experience the flexibility of simulating various notification types to ensure the solution's adaptability.

  • Learning Opportunities: Delve into the intricacies of my codebase to explore advanced TypeScript features and data validation techniques using react-form-hook.

  • Join My Journey: Follow along as I tackle challenges, infusing solutions with custom features and refinements.

  • Open to Improvement: Your insights and suggestions are greatly appreciated! Help me enhance and refine my solution. 💡

Community feedback

Udeme01 180

@Udeme01

Posted

I love it.

1

Please log in to post a comment

Log in with GitHub
Discord logo

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