Notifyalert 🚀✨

notifyalert is a powerful, dependency-free notification package that works seamlessly in both the terminal and the browser! It allows developers to display colorful, customizable alerts in Node.js apps, browser pages, or Angular components — all without additional dependencies.

✨ Features

• Terminal Notifications: Customizable messages with types: success, warning, danger, info
• Browser Notifications: Stylish, positionable pop-ups
• Fully Configurable: Control box size, borders, colors, and animation
• Zero Dependencies
• Compatible with Node.js (>=10), Angular, Vanilla JS, and React

📦 Installation

1npm install notifyalert

📦 notifyalert Usage Guide

1️⃣ Terminal / Node.js

1const { alert } = require('notifyalert');
2
3alert({
4  message: 'Operation Completed!',
5  type: 'success', // Options: 'success', 'warning', 'danger', 'info'
6  style: {
7    border: 'double', // Options: 'single', 'double', 'round'
8    padding: 1,
9    margin: 1,
10  },
11  position: 'top', // Options: 'top', 'middle', 'bottom'
12});

---

2️⃣ Browser / Angular / React

1import { notifier } from 'notifyalert';
2
3notifier({
4  message: 'Welcome to notifyalert!',
5  type: 'info', // Options: 'success', 'warning', 'danger', 'info'
6  position: 'top-right', // Options: 'top-left', 'top-right', 'bottom-left', 'bottom-right'
7  animation: 'slide', // Options: 'fade', 'slide', etc.
8  style: {
9    backgroundColor: '#4caf50',
10    color: '#fff',
11    fontSize: '16px',
12  },
13});

---

🛠️ Options

Option	Description	Default
message	The notification text	''
type	Type of notification (success, warning, danger, info)	info
style	Object to customize style (border, padding, colors)	{}
position	Position of notification (top, middle, bottom, top-left, etc.)	middle
animation	Entry animation in browser notifications (fade, slide, etc.)	fade

---

🚀 Example in Angular

1import { Component, OnInit } from '@angular/core';
2import { notifier } from 'notifyalert';
3
4@Component({
5  selector: 'app-root',
6  templateUrl: './app.component.html',
7})
8export class AppComponent implements OnInit {
9  ngOnInit() {
10    notifier({
11      message: 'Angular Notification Ready!',
12      type: 'success',
13      position: 'bottom-right',
14      animation: 'fade',
15    });
16  }
17}