Forem: Mamedul Islam

Introducing node-hooker: WordPress Hooks for Your Node.js App

Mamedul Islam — Sat, 06 Sep 2025 20:46:51 +0000

The Problem: Tightly-Coupled Code

If you've built a few non-trivial applications in Node.js, you've likely run into a common problem: as your application grows, different parts become increasingly tangled together. Modifying one component often has unintended side effects on another. How can we allow different parts of our application to interact without being so tightly coupled?

For years, the WordPress community has had an elegant solution: the Hooks system. It provides two main components: Actions and Filters.

Actions allow you to execute code at specific points in your application's lifecycle.
Filters allow you to modify data that is being passed between different parts of your code.

This system is the backbone of WordPress's famous extensibility. I wanted to bring this powerful, battle-tested pattern to the Node.js ecosystem.

The Solution: `node-hooker`

Today, I'm excited to launch node-hooker, a zero-dependency library that faithfully implements the WordPress Hooks API for Node.js.

It's a simple, lightweight, and powerful way to build decoupled, extensible architectures in your JavaScript applications.

Key Features

Full WordPress Hook API compatibility: All the functions you'd expect are there: add_action, do_action, add_filter, apply_filters, remove_action, did_action, etc.
Zero dependencies: It won't add any bloat to your project.
Browser Support: It includes a UMD bundle, so you can use the exact same event system on the client-side.
Easy to use: The API is intuitive and well-documented.

How It Works: A Quick Example

Here’s a quick look at how you might use node-hooker.

const hooker = require('node-hooker');

// Somewhere in your user authentication code
function handleUserLogin(user) {
    console.log(`User ${user.name} logged in.`);

    // Announce that a user has logged in.
    // Other parts of the app can "hook" into this event.
    hooker.do_action('user_logged_in', user);
}

// Somewhere else, maybe in an analytics or notifications module
function sendWelcomeEmail(user) {
    console.log(`Sending a welcome email to ${user.email}...`);
}

// "Hook" the email function to the user login event.
hooker.add_action('user_logged_in', sendWelcomeEmail);

// Now, when you call the login handler...
handleUserLogin({ name: 'Alex', email: 'alex@example.com' });

Output:

User Alex logged in. Sending a welcome email to alex@example.com...

Notice how the handleUserLogin function doesn't need to know anything about sending emails. It just announces that an event happened. This makes your code incredibly modular and easy to test and maintain.

Check It Out!

I'm really proud of how node-hooker turned out, and I believe it can be a valuable tool for many Node.js developers.

You can find the full source code, documentation, and more examples on GitHub.

➡️ https://github.com/mamedul/node-hooker

➡️ https://mamedul.github.io/node-hooker

If you find it useful, please consider giving it a star on GitHub! Thanks for reading.

🚀 jQuery.scrollPaging v1.1.0 – Infinite Scroll Made Easy

Mamedul Islam — Sun, 31 Aug 2025 09:16:41 +0000

If you’ve ever needed infinite scroll or scroll pagination for your site, check out jQuery.scrollPaging.

✅ Why use it?

Auto-loads content on scroll (blogs, feeds, shops)
Works vertically, horizontally, or both
SEO-friendly with History API support
Fully customizable with callbacks

📦 Quick Install:

<script src="jquery.scrollpaging.min.js"></script>

🔗 Live Demos | GitHub Repo

If you’re looking for a powerful but lightweight infinite scroll plugin, this might be the solution 🚀

#javascript #jquery #webdev #opensource

Javascript Advanced Object Validator

Mamedul Islam — Sun, 31 Aug 2025 08:55:42 +0000

objectPropValidator: Simple, Recursive JavaScript Object Validation

objectPropValidator is a lightweight, zero-dependency JavaScript utility for validating object properties against a defined schema. It's designed to be simple, flexible, and powerful, allowing for recursive validation of nested objects with clear, helpful error messages.

Whether you're validating API responses, configuration objects, or function arguments, this library ensures your data structure is correct without adding bloat to your project.

Core Features

✅ Schema-Based Validation: Define a clear and reusable schema for your objects.
recursi Recursive/Nested Validation: Effortlessly validate complex, nested object structures.
💪 Flexible Rules: Check for property type, whether it's required, and add your own custom validator functions.
🎯 Specific Error Logging: Get clear, actionable error messages in the console that pinpoint exactly what failed.
🕊️ Lightweight & Zero-Dependency: Tiny footprint. No external libraries needed.
🌐 Universal Compatibility: Works in modern browsers and Node.js environments.

Installation

You can use objectPropValidator by directly including the script in your HTML.

<script src="https://cdn.jsdelivr.net/gh/mamedul/objectpropvalidator/src/objectpropvalidator.min.js"></script>

Or for npm installation

npm install objectpropvalidator

Quick Start: Basic Usage

Getting started is simple. Just define a schema and create a validator function from it.

Define a schema that describes the expected structure of your object.
Call objectPropValidator(schema) to create a reusable validator function.
Use the new function to check your data object. It returns true or false.

// 1. Define the validation schema
const userSchema = {
  name: {
    type: String,
    required: true
  },
  email: {
    type: String,
    required: false // This property is optional
  },
  age: {
    type: Number,
    required: true,
    // Add a custom validator function for more complex logic
    validator(value) {
      const isValid = value >= 18;
      if (!isValid) {
        console.error("[Validation Error] User must be 18 or older.");
      }
      return isValid;
    }
  }
};

// 2. Create a reusable validator function
const validateUser = objectPropValidator(userSchema);

// 3. Test it with some data
const validUser = {
  name: "Mamedul Islam",
  age: 26
};

const invalidUser = {
  name: 12345, // Wrong type
  // 'age' is missing
};

console.log("Is the first user valid?", validateUser(validUser)); // true

console.log("Is the second user valid?", validateUser(invalidUser)); // false
// Console will show:
// [Validation Error] Invalid type for property 'name'. Expected 'String' but received 'Number'.
// [Validation Error] Missing required property: 'age'

Advanced Usage

Nested Object Validation

The real power of objectPropValidator comes from its ability to handle nested objects recursively. Simply set the validator property to another validator instance.

// Schema for a user object
const userValidator = objectPropValidator({
  id: { type: Number, required: true },
  username: { type: String, required: true }
});

// Schema for a blog post, which includes a nested 'author' object
const postSchema = {
  title: {
    type: String,
    required: true
  },
  author: {
    type: Object,
    required: true,
    validator: userValidator // Use the user validator here!
  }
};

const validatePost = objectPropValidator(postSchema);

const validPost = {
  title: "My First Post",
  author: {
    id: 1,
    username: "mamedul"
  }
};

const invalidPost = {
    title: "Another Post",
    author: {
        id: "2" // Invalid type, should be Number
    }
};

console.log(validatePost(validPost));   // true
console.log(validatePost(invalidPost)); // false
// Console will show:
// [Validation Error] Invalid type for property 'id'. Expected 'Number' but received 'String'.

Configuring Error Logs

You can pass a configuration object as the second argument to control how errors are logged.

const config = {
  logLevel: 'warn' // Use console.warn instead of the default console.error
};

const myValidator = objectPropValidator(mySchema, config);

logLevel: Can be 'error' (default), 'warn', or 'log'.

API Reference

`objectPropValidator(schema, [config])`

Creates and returns a new validator function.

schema (Object): An object where each key is a property to validate. The value is an object containing the validation rules.
config (Object, optional): Configuration options.
- logLevel (String): Sets the console logging method. Defaults to 'error'.

Schema Rule Properties

For each property in your schema, you can define the following rules:

type (Constructor | Array<Constructor>): The expected type (e.g., String, Number, Object, Array). You can also provide an array for multiple allowed types, like [String, Number].
required (Boolean): If true, the property must exist in the object being validated.
validator (Function): A custom function that receives the property's value and should return true if valid, and false otherwise. This is also the mechanism for nested validation.

Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue on the GitHub repository.

License

See the LICENSE file for more details.

Author & Hire Me

This project was created and is maintained by Mamedul Islam.

I am a passionate web developer with experience in creating interactive and user-friendly web components. I am currently available for freelance projects or full-time opportunities.

I help businesses grow their online presence with custom web solutions. Specializing in WordPress, WooCommerce, and Shopify, I build modern, responsive, and high-performance websites.

WhatsApp: message me
Portfolio: mamedul.github.io
GitHub: @mamedul
LinkedIn: Connect with me!
Twitter (X): @mamedul

Show Your Support

If you find this extension useful, please consider giving it a star on GitHub! Your support helps motivate further development and improvements.

If you found this project helpful, give it a ⭐ on GitHub!

I Built a Vanilla JS PWA: My Age & Duration Calculator Project

Mamedul Islam — Fri, 29 Aug 2025 17:46:09 +0000

Hey Dev community!

I wanted to share a project I recently completed—a fast, responsive, and installable Age & Duration Calculator. My goal was to build a useful utility without relying on any heavy frameworks, focusing on pure JavaScript, modern CSS, and Progressive Web App principles.

The Tech Stack

Vanilla JavaScript (ES6+): For performance and to keep the project lightweight.
Tailwind CSS: For rapid, utility-first styling.
PWA: Service Worker for offline caching and a Web App Manifest for installability.

A Feature I Enjoyed Building

One of the coolest features is the live "current time" mode. It uses setInterval to update the 'To' date every second and recalculates the duration on the fly, creating a real-time running clock effect.

    // Simplified logic for the live timer
    timer = setInterval(setCurrentDateTime, 1000);

    function setCurrentDateTime() {
        // Gets current time, formats it, and updates the input value
        // Then calls the main calculateAndDisplay() function
    }

Why a PWA?

Making it a PWA was a key goal to provide a more native, accessible experience. The Service Worker caches all necessary assets on the first visit, allowing the tool to work perfectly offline.

It was a great learning experience in core DOM manipulation, date logic, and PWA fundamentals.

Live App: https://mamedul.github.io/age-calculator/
GitHub Repo: https://github.com/mamedul/age-calculator

Feedback is welcome! Let me know what you think.

🚀 Unit Converter PWA – Vanilla JavaScript & Offline-Ready

Mamedul Islam — Sat, 23 Aug 2025 15:35:12 +0000

Looking for a fast, modern, and offline-first unit converter? Meet Instant Unit Converter, a Progressive Web App (PWA) built entirely with Vanilla JavaScript (ES5)—no frameworks, no jQuery. Convert units instantly, anytime, anywhere.

✨ Features

Wide Range of Units: Length, Mass, Volume, Temperature, Time, Speed, Area, Data Storage, Currency, and more.
Real-Time Conversion: Results update instantly as you type.
Offline First: Fully functional without internet thanks to a Service Worker.
Live Currency Rates: Fetches and caches the latest exchange rates every hour.
Modern UI/UX:
- Sleek, responsive design
- Light & Dark themes with gradient backgrounds
- Searchable dropdowns for units (powered by Choices.js)
- Smooth animations for a user-friendly interface
Installable (PWA): Add it to your home screen for an app-like experience.
Zero Dependencies: Pure Vanilla JavaScript, lightweight and fast.

🛠️ Tech Stack

Frontend: HTML5, CSS3, Vanilla JavaScript (ES5)
UI Enhancements:
- Choices.js for searchable select boxes
- SweetAlert2 for beautiful alerts
PWA: Service Worker for offline caching, Web App Manifest
Fonts: Inter – modern and readable
API: exchangerate-api.com for live currency rates

📂 Project Structure

/unit-converter/
├── index.html
├── manifest.json
├── scripts.js
├── styles.css
├── favicon.ico
├── README.md
└── icons/

🚀 Getting Started

Since this is a PWA, opening index.html directly may not work due to Service Worker restrictions. Use a local server instead.

Clone the repository:

git clone https://github.com/mamedul/unit-converter.git
cd unit-converter

Run a local server:

Easiest way: VS Code Live Server extension
Or using Node.js:

npm install -g http-server
http-server

Open your browser at http://localhost:8080.

👨‍💻 About Me

Hi! I’m Mamedul Islam, a passionate web developer specializing in PWAs, WooCommerce, WordPress, PHP, MySQL, and modern web apps. I’ve been creating digital experiences since 2017.

📬 Connect with me:

I’m open to freelance projects in PWA, E-commerce, Firebase, WebSocket, PHP/MySQL, and more.

📝 License

This project is licensed under the MIT License — free to use, modify, and distribute.

If you enjoy this project, please consider giving it a ⭐ on GitHub! Your support helps keep it growing.

❤️ Love Calculator - PWA

Mamedul Islam — Sat, 23 Aug 2025 15:18:07 +0000

A fun, beautiful, and installable Progressive Web App (PWA) to calculate love compatibility between two people. Built with vanilla HTML, CSS, and JavaScript.

Author: MAMEDUL ISLAM

✨ Features

Modern UI/UX: Gorgeous, responsive design with a pink, gradient-based theme and a repeating heart background.
PWA Ready: Installable on any device (desktop or mobile) and works offline.
Dynamic Results: Get a unique love score based on the names entered.
Heartfelt Animations: A beautiful heart-shaped progress bar appears while calculating.
Confetti Celebration: A fun confetti explosion for scores over 33%.
Shareable Results:
- Download as Image: Download a clean image of your result to share anywhere.
- Share via Link: Generate a unique, shareable link that reproduces the result for others.
SEO Optimized: Meta tags and structured data for better search engine visibility.
Vanilla Stack: Built with pure HTML, CSS, and JavaScript. No frameworks, no libraries (except for html2canvas for image generation).

🚀 Getting Started

To get a local copy up and running, follow these simple steps.

📝 Prerequisites

You need a simple local server to run this project, as PWAs require a secure context (https or localhost).

🔌 Installation

Clone the repo

git clone https://github.com/mamedul/love-calculator.git

Navigate to the project directory

cd love-calculator

Start a local server If you have Python 3 installed, you can run:

python -m http.server

Or, if you have Node.js, you can use http-server:

npx http-server

Open in your browser Open http://localhost:8000 (or the port specified by your server) in your browser.

🛠️ Built With

HTML5
CSS3 (with Custom Properties)
Vanilla JavaScript
html2canvas.js - For downloading the result as an image.
Service Worker API - For PWA offline capabilities.

💡 SEO & Discoverability Keywords

This project is optimized for search engines and GitHub search using the following keywords:
love-calculator, love-test, compatibility-test, pwa, progressive-web-app, vanilla-js, html-css-js, web-app, fun-project, javascript-game, relationship-calculator, couple-compatibility, seo-friendly, mobile-first.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

👨‍💻 Author & Hire

Hi! I'm Mamedul Islam, a passionate Web Developer who builds modern web applications, E-commerce, PWAs, and fast, static, dynamic, responsive websites. Specializing in WooCommerce, Wordpress, PHP, MySQL, and modern web development. Creating exceptional digital experiences since 2017.

📬 Connect With Me:

I'm open for freelance work, Woocommerce, E-commerce, Wordpress, PWA development, speed test apps, Firebase projects, websocket, PHP, MySQL and more. Hire me to bring your ideas to life with clean, modern code!

📝 License:

This project is licensed under the MIT License — feel free to use, modify, and distribute it freely.
⭐ Don't forget to star this repo if you like it!

⭐ Show Your Support

If you find this extension useful, please consider giving it a star on GitHub! Your support helps motivate further development and improvements.

If you found this project helpful, give it a ⭐ on GitHub!

🌐 Internet SpeedTest - Internet Speed Test PWA

Mamedul Islam — Sat, 23 Aug 2025 15:15:45 +0000

Internet SpeedTest is a blazing-fast Progressive Web App (PWA) that lets users test their internet speed directly from their browser — without downloading anything!

Measure Download, Upload, Ping, and Jitter accurately using a lightweight, mobile-first app built with modern web technologies.

🚀 Features

✅ Accurate Download/Upload speed measurement
✅ Real-time Ping and Jitter
✅ No app install needed — works in the browser!
✅ Fully offline-capable PWA
✅ Optimized for mobile and desktop
✅ Add to home screen like a native app
✅ Clean UI and responsive layout
✅ Works with all networks: Wi-Fi, 4G/5G, broadband, fiber

🖼️ App Preview

Demo - https://mamedul.github.io/ispeedtest

📲 How to Use

Open the website in any modern browser.
Click "Start Test" to begin speed measurement.
View your download, upload, ping, and jitter results in seconds.

🔧 Technology Stack

HTML5, CSS3, Vanilla JavaScript
Service Worker + Cache API (for offline PWA)
Custom-built speed test logic (third-party dependencies)
Optimized for performance and low network overhead

📦 Installation (for developers)

git clone https://github.com/mamedul/ispeedtest.git
cd ispeedtest
# Just open index.html in your browser

Or download
https://github.com/mamedul/ispeedtest/archive/refs/heads/main.zip

You can also deploy it to GitHub Pages, Netlify, Vercel, Firebase Hosting, etc.

👨‍💻 Author & Hire Me

📬 Connect With Me:

🔍 SEO Tags Summary

Keywords: internet speed test, broadband speed test, fast.com alternative, okla alternative, wifi speed, mobile data speed, PWA speed test

Meta Description: Test your internet speed including download, upload, ping, and jitter. Lightweight PWA with offline support. Built by Mamedul.

🛡️ License

This project is open-source and available under the MIT License.

⭐ Don't forget to star this repo if you like it!

⭐ Show Your Support

If you find this extension useful, please consider giving it a star on GitHub! Your support helps motivate further development and improvements.

🌐 Broadband SpeedTest - Internet Speed Test PWA

Mamedul Islam — Tue, 01 Jul 2025 02:20:25 +0000

🌐 Broadband SpeedTest - Internet Speed Test PWA

Broadband SpeedTest is a blazing-fast Progressive Web App (PWA) that lets users test their internet speed directly from their browser — without downloading anything!

Measure Download, Upload, Ping, and Jitter accurately using a lightweight, mobile-first app built with modern web technologies.

🚀 Features

✅ Accurate Download/Upload speed measurement
✅ Real-time Ping and Jitter
✅ No app install needed — works in the browser!
✅ Fully offline-capable PWA
✅ Optimized for mobile and desktop
✅ Add to home screen like a native app
✅ Clean UI and responsive layout
✅ Works with all networks: Wi-Fi, 4G/5G, broadband, fiber

🖼️ App Preview

Demo - https://broadband-speedtest.github.io

📲 How to Use

Open the website in any modern browser.
Click "Start Test" to begin speed measurement.
View your download, upload, ping, and jitter results in seconds.

🔧 Technology Stack

HTML5, CSS3, Vanilla JavaScript
Service Worker + Cache API (for offline PWA)
Custom-built speed test logic (third-party dependencies)
Optimized for performance and low network overhead

📦 Installation (for developers)

git clone https://github.com/broadband-speedtest/broadband-speedtest.github.io.git
cd broadband-speedtest.github.io
# Just open index.html in your browser

Or download
https://github.com/broadband-speedtest/broadband-speedtest.github.io/archive/refs/heads/main.zip

You can also deploy it to GitHub Pages, Netlify, Vercel, Firebase Hosting, etc.

👨‍💻 Author & Hire Me

📬 Connect With Me:

🔍 SEO Tags Summary

Keywords: internet speed test, broadband speed test, fast.com alternative, okla alternative, wifi speed, mobile data speed, PWA speed test

Meta Description: Test your internet speed including download, upload, ping, and jitter. Lightweight PWA with offline support. Built by Mamedul.

🛡️ License

This project is open-source and available under the MIT License.

⭐ Don't forget to star this repo if you like it!

✅ More Tips

Add this to your GitHub repo’s root as README.md
Use GitHub Topics like internet-speed, speedtest, pwa, offline-first, javascript, webapp
Submit to product directories like Product Hunt or Dev.to
Deploy live (Netlify, Vercel, Firebase Hosting) and link it in the README.

Let me know if you'd like a GitHub Pages deployment URL, or a badge layout for downloads, build status, etc.

Forem: Mamedul Islam

Introducing node-hooker: WordPress Hooks for Your Node.js App

The Problem: Tightly-Coupled Code

The Solution: node-hooker

Key Features

How It Works: A Quick Example

Check It Out!

🚀 jQuery.scrollPaging v1.1.0 – Infinite Scroll Made Easy

Javascript Advanced Object Validator

objectPropValidator: Simple, Recursive JavaScript Object Validation

Core Features

Installation

Quick Start: Basic Usage

Advanced Usage

Nested Object Validation

Configuring Error Logs

API Reference

objectPropValidator(schema, [config])

Schema Rule Properties

Contributing

License

Author & Hire Me

Show Your Support

I Built a Vanilla JS PWA: My Age & Duration Calculator Project

The Tech Stack

A Feature I Enjoyed Building

Why a PWA?

🚀 Unit Converter PWA – Vanilla JavaScript & Offline-Ready

✨ Features

🛠️ Tech Stack

📂 Project Structure

🚀 Getting Started

👨‍💻 About Me

📝 License

❤️ Love Calculator - PWA

✨ Features

🚀 Getting Started

📝 Prerequisites

🔌 Installation

🛠️ Built With

💡 SEO & Discoverability Keywords

🤝 Contributing

👨‍💻 Author & Hire

📬 Connect With Me:

📝 License:

⭐ Show Your Support

🌐 Internet SpeedTest - Internet Speed Test PWA

🚀 Features

🖼️ App Preview

📲 How to Use

🔧 Technology Stack

📦 Installation (for developers)

👨‍💻 Author & Hire Me

📬 Connect With Me:

🔍 SEO Tags Summary

🛡️ License

⭐ Show Your Support

🌐 Broadband SpeedTest - Internet Speed Test PWA

🌐 Broadband SpeedTest - Internet Speed Test PWA

🚀 Features

🖼️ App Preview

📲 How to Use

🔧 Technology Stack

📦 Installation (for developers)

You can also deploy it to GitHub Pages, Netlify, Vercel, Firebase Hosting, etc.

👨‍💻 Author & Hire Me

📬 Connect With Me:

🔍 SEO Tags Summary

🛡️ License

✅ More Tips

The Solution: `node-hooker`

`objectPropValidator(schema, [config])`