Notification Clicker

A simple web application demonstrating the Notification API with a beautiful paper-themed UI.

About

This project was created as a college assignment to explore browser notifications and modern web APIs.

Features

• One-Click Notifications - Request permission and send notifications seamlessly
• Paper-Themed UI - Vintage notebook aesthetic with lined paper, paperclip, and coffee stain
• Responsive Design - Works on desktop and mobile devices
• Clean Code - Simple, well-structured JavaScript

Getting Started

1. Open index.html in your web browser
2. Click the "Send Notification" button
3. Allow notifications when prompted
4. Enjoy your notification!

Technologies Used

• HTML5
• CSS3 (with custom paper textures)
• JavaScript (Notification API)

How It Works

The application uses the browser's Notification API to:

1. Check if notifications are supported
2. Request permission from the user
3. Display a notification with custom title and message
4. Handle notification clicks

Design

The UI features a realistic paper theme with:

• Lined notebook paper background
• Vintage typography (Georgia serif, Courier New monospace)
• 3D cardboard-style button
• Decorative paperclip and coffee stain effects

Browser Compatibility

Requires a modern browser that supports the Notification API (Chrome, Firefox, Edge, Safari).

License

Free to use for educational purposes.

---

Made for college assignment