Submitted about 1 year ago
Responsive Notification Page Menu using HTML, CSS and JavaScript
@khlifibrahim
Design comparison
SolutionDesign
Solution retrospective
Notification Counter
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.
Features
- Mark notifications as read or unread.
- Real-time notification count update.
- Option to mark all notifications as read.
Usage
- Clone the repository to your local machine.
- Open the
index.html
file in your web browser.
How It Works
- 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.
Example
To see a live example of this project in action, you can visit the following link: Notification Counter Demo
License
This project is licensed under the MIT License - see the LICENSE.md file for details.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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