Bell Icon App Inbox Notification

This is a simple web application that demonstrates how to create an inbox notification system using HTML, CSS, and JavaScript. It includes a bell icon that displays notifications when clicked.

Table of Contents

• Demo
• Features
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Contributing
• License

Demo

You can try out a live demo of this project here:

Features

• Bell icon for notifications.
• Clicking on the bell icon displays a notification panel.
• Users can add notifications to the panel with custom content.
• Notifications include an avatar, heading, content, and a URL button.
• Notifications are incrementally numbered in the bell icon.
• Stylish and responsive design.

Getting Started

Prerequisites

Make sure you have a modern web browser installed to run this application.

Installation

1. Clone the repository to your local machine:

   git clone https://github.com/SuprSend-NotificationAPI/AppInbox_DemoApp.git

2. Open the project directory in your code editor.

Usage

1. Open the index.html file in your web browser.
2. Click on the bell icon to view and interact with notifications.
3. To add a new notification, fill in the input fields in the notification panel and click "Submit."

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the project.
2. Create a new branch for your feature or bug fix: git checkout -b feature/your-feature-name
3. Commit your changes: git commit -m 'Add some feature'
4. Push to your branch: git push origin feature/your-feature-name
5. Open a pull request.

Please be sure to follow the project's code of conduct.

License

This project is not open source and all rights are reserved. Unauthorized use, distribution, or reproduction is strictly prohibited.

Contact @https://www.linkedin.com/in/nik-k-l/ for connecting with the author