Skip to content
Submitted over 2 years ago

Responsive Notification Page Menu using HTML, CSS and JavaScript

LVL 3
@khlifibrahim
A solution to the Notifications page challenge

Solution retrospective


Image Post

This is a simple JavaScript project for managing and counting notifications. It provides the functionality to mark notifications as read or unread and keeps track of the number of unread notifications.

  • Mark notifications as read or unread.
  • Real-time notification count update.
  • Option to mark all notifications as read.
  1. Clone the repository to your local machine.
  2. Open the index.html file in your web browser.
  • The project uses JavaScript to add interactivity to the notifications.
  • Notifications can be toggled between "read" and "unread" states by clicking on them.
  • The notification count is updated in real-time based on the number of "unread" notifications.
  • You can mark all notifications as "read" by clicking the "Mark All as Read" button.

To see a live example of this project in action, you can visit the following link: Notification Counter Demo

This project is licensed under the MIT License - see the LICENSE.md file for details.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on KHLIFI BRAHIM’s solution.

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