Responsive notifications page built with React, TypeScript, & Tailwind

What are you most proud of, and what would you do differently next time?

I'm most proud of building the notification system using React state instead of manually changing the DOM. I implemented individual read/unread toggling, a "Mark all as read" feature, unread notification counting, and dynamic rendering from data.

What challenges did you encounter, and how did you overcome them?

The main challenge I encountered was understanding how to use the every() method to check whether all notifications had been marked as read. I worked through the logic step by step and used it to conditionally change the "Mark all as read" button based on the notification state.

What specific areas of your project would you like help with?

I'd like feedback on my React state management, component structure, TypeScript usage, and responsive layout.