DEV Community: Solangi Waqas

How I Built a Lightweight Online Hashtag Generator for Creators

Solangi Waqas — Sun, 23 Aug 2026 09:27:16 +0000

Finding trending and relevant hashtags for social media posts can be time-consuming for content creators and marketers. To solve this, I built a lightweight, responsive, and easy-to-use Online Hashtag Generator Tool.

🌟 Key Features

Instant Generation: Get niche-specific hashtag sets with a single click.
Clean Interface: Designed with responsive layout for smooth mobile and desktop experience.
Copy to Clipboard: Copy formatted hashtags directly into your social media posts.
Zero Lag: Fast execution using optimized JavaScript logic.

🚀 Live Demo & Web Tool

You can check out the live working tool on Global Tools Box:

👉 Try Hashtag Generator Tool Online

💬 Feedback & Suggestions

I would love to hear feedback from the DEV community! What additional features or customization options would you like to see in this tool?

Let me know your thoughts in the comments below!

How to Build a Responsive Fraction Calculator and Simplifier in JavaScript

Solangi Waqas — Fri, 21 Aug 2026 10:32:08 +0000

Handling mathematical fractions programmatically requires careful attention to precision, mixed-number parsing, and fraction reduction algorithms. In this tutorial, we will build a full-featured, lightweight Fraction Calculator using HTML5, CSS3, and modern vanilla JavaScript.

Whether you are building educational tools, web utilities, or learning fundamental web algorithms, understanding how to calculate and simplify fractions on the client side is a great technical exercise.

Key Features of the Calculator

Our JavaScript implementation handles:

Basic Arithmetic Operations: Addition, subtraction, multiplication, and division.
Automatic Simplification: Uses Euclidean Algorithm for the Greatest Common Divisor (GCD).
Error Handling: Graceful detection of division-by-zero errors.
Responsive UI: Responsive CSS card layout suitable for desktop and mobile devices.

1. HTML Structure (`index.html`)

First, let's create a clean input interface for two fractions and an arithmetic operator.


html
<div class="calculator-card">
  <h2>Fraction Calculator</h2>
  <p>Perform fast arithmetic operations and auto-simplify fractions.</p>

  <div class="fraction-container">
    <!-- Fraction 1 -->
    <div class="fraction-input">
      <input type="number" id="num1" placeholder="Numerator 1" value="1" />
      <hr />
      <input type="number" id="den1" placeholder="Denominator 1" value="2" />
    </div>

    <!-- Operator Selection -->
    <select id="operator">
      <option value="+">+</option>
      <option value="-">-</option>
      <option value="*">×</option>
      <option value="/">÷</option>
    </select>

    <!-- Fraction 2 -->
    <div class="fraction-input">
      <input type="number" id="num2" placeholder="Numerator 2" value="1" />
      <hr />
      <input type="number" id="den2" placeholder="Denominator 2" value="4" />
    </div>
  </div>

  <button id="calcBtn" onclick="calculateFraction()">Calculate Result</button>

  <div class="result-box" id="resultBox">
    <span id="resultText">Result: 3 / 4</span>
  </div>
</div>
https://www.globaltoolsbox.online/2026/08/fraction-calculator.html

How to Calculate Your Ideal Weight, BMI and Body Fat Online

Solangi Waqas — Thu, 20 Aug 2026 09:59:09 +0000

How to Calculate Your Ideal Weight, BMI and Body Fat Online

Wondering what your ideal weight range might be?

When you're working on fitness or general wellness goals, looking at weight alone doesn't always tell the full story. BMI, body-fat percentage, height, age, sex, and body frame can all provide additional context.

I built a free online Ideal Weight Calculator that brings several of these calculations together in one simple tool.

What Can You Calculate?

The calculator can help you estimate:

Ideal body weight
BMI
BMI range
Body-fat percentage
Healthy weight range
Body-frame information
Weight tracking

It also uses multiple ideal-weight formulas rather than relying on only one calculation.

Why Use Multiple Formulas?

Different ideal-weight formulas can produce different estimates because they use different mathematical approaches.

Instead of treating one number as the absolute answer, comparing several estimates can give you a broader picture.

For example, you can enter your measurements and review the calculated results together before deciding what range makes sense for your personal fitness goals.

Try the Free Calculator

👉 Ideal Weight Calculator:
https://www.globaltoolsbox.online/2026/08/ideal-weight-calculator-bmi-body-fat.html

The calculator is designed to work directly in your browser and doesn't require a sign-up.

A Quick Reminder

BMI and ideal-weight formulas are estimates, not medical diagnoses. Factors such as muscle mass, body composition, age, and individual health can affect how meaningful a particular number is.

Use these calculations as general wellness information rather than as a substitute for professional medical advice.

What Would You Add?

I'm interested in improving the calculator.

Would you find features such as calorie estimation, BMR/TDEE calculations, progress charts, or additional body-composition calculations useful?

Let me know in the comments 👇

I Built an All-in-One Estate Tax & Islamic Inheritance Calculator in Vanilla JS

Solangi Waqas — Tue, 18 Aug 2026 13:43:50 +0000

Calculating complex financial data across global tax exemptions and religious frameworks (Fara'idh) usually requires heavy backend systems. I challenged myself to build a 100% client-side, ultra-fast Estate Tax & Inheritance Calculator using pure Vanilla JavaScript.

Here is how I tackled the core calculations, handled complex edge cases, and built the tool.

⚡ The Challenge & Core Logic

The tool needs to handle two distinct financial logic engines simultaneously:

Federal & State Estate Tax Calculations:
- Taxable Estate = Gross Estate - Deductions - Lifetime Exemptions
- Dynamically applies state-level exemptions and bracket rates.
Islamic Inheritance (Fara'idh) Distribution Engine:
- Automatically calculates legal fixed shares (Fard) for surviving heirs.
- Accounts for debts, funeral expenses, and valid bequest limits (Wasiyyah capped at 1/3).

💻 Core JS Calculation Snippet

Here is a quick look at the core JS function that powers the client-side engine:


javascript
function calculateEstateTax(grossAssets, debts, exemptions, stateRate = 0) {
  const netEstate = Math.max(0, grossAssets - debts);
  const taxableAmount = Math.max(0, netEstate - exemptions);

  // Base federal tax estimation (top rate standard)
  const federalTax = taxableAmount * 0.40;
  const stateTax = taxableAmount * stateRate;

  return {
    grossEstate: grossAssets,
    taxableEstate: taxableAmount,
    totalTaxDue: Math.round(federalTax + stateTax)
  };
}
Live demo:

    
        
          
            
          
        
      
        
          
            Estate Tax & Inheritance Calculator 2026 
          
        
          
        
            
          globaltoolsbox.online

How I Built a Fast Calorie & TDEE Calculator in Vanilla JavaScript

Solangi Waqas — Sun, 16 Aug 2026 10:27:16 +0000

Calculating daily caloric expenditure accurately is essential for fitness tracking. I built a lightweight, client-side Calorie & TDEE Calculator using standard JavaScript and the Mifflin-St Jeor formula.

Why Mifflin-St Jeor Formula?

It is considered one of the most accurate equations for estimating Basal Metabolic Rate (BMR):

Men: BMR = (10 × weight in kg) + (6.25 × height in cm) - (5 × age) + 5
Women: BMR = (10 × weight in kg) + (6.25 × height in cm) - (5 × age) - 161

Core JavaScript Logic

function calculateTDEE(weight, height, age, gender, activityLevel) {
let bmr = (10 * weight) + (6.25 * height) - (5 * age);
bmr = (gender === 'male') ? bmr + 5 : bmr - 161;
return Math.round(bmr * activityLevel);
}

Live Tool Demo

You can test the fully responsive web tool live here:
https://www.globaltoolsbox.online/2026/08/calorie-calculator-tdee.html

Feedback and suggestions for new web utilities are always welcome!

How to Estimate a Pregnancy Due Date: A Simple Guide

Solangi Waqas — Mon, 10 Aug 2026 16:40:55 +0000

Estimating a pregnancy due date is a simple date-calculation problem, but manually counting weeks and days can sometimes be confusing.

I recently worked on a small browser-based tool that makes this calculation easier.

The basic idea is straightforward:

Start with the first day of the last menstrual period (LMP).
Use the standard pregnancy-length estimate.
Calculate the approximate expected due date.
Display the result in a simple, mobile-friendly interface.

This is also a nice example of how JavaScript can be used for practical date calculations without requiring a backend or complicated setup.

I created a free online version here:

The calculator is intended for general informational purposes. Pregnancy dates can vary, so the result should not replace advice from a qualified healthcare professional.

I'm interested in building more small, useful browser tools with HTML, CSS and JavaScript. What kind of calculator or utility would be useful to you?

I Built a Free AI Photo Editing Assistant — No Photoshop, No Downloads

Solangi Waqas — Sat, 08 Aug 2026 10:36:15 +0000

Hey DEV community! 👋

I've been working on something I'd love your feedback on: Photo Editor Pro — a free AI photo editing assistant + browser-based Photoshop alternative. No downloads, no signup, no subscription.

🤖 What it does

Describe your photo and the look you want (e.g. "make my sunset photo look cinematic"), and the AI gives you:

A step-by-step editing recipe — brightness, contrast, saturation, color tone & retouch
One pro tip most beginners miss
A free, no-download browser editor to apply it instantly

🎯 Why I built it

Photoshop subscriptions are too expensive for students, bloggers & new creators. Editing help should be:

✅ Free
✅ Instant
✅ Browser-based (works on any device, even Chromebooks)

🔗 Try it free

AI Assistant (live): Photo Editor Pro – AI Photo Editing Assistant
Full guide + editor: Photo Editor Pro – Photoshop Alternative Online

💬 I'd love your feedback

Would you use an AI editing assistant?
What features should I add next (crop presets, LUT suggestions, batch editing)?

Drop your thoughts below — every comment helps! 👇

If this helped you, share it with a friend who still pays for Photoshop 😉

Why Every Developer Should Understand Image Hosting

Solangi Waqas — Thu, 06 Aug 2026 14:50:26 +0000

Why Every Developer Should Understand Image Hosting

Modern web development depends on efficient image management. Whether you're creating a portfolio, blog, documentation site, or web application, understanding image hosting is an essential skill.

Why Image Hosting Matters

A good image hosting solution helps developers:

Store images securely
Generate direct image links
Embed images into websites
Improve workflow
Reduce server storage usage

Best Practices

Compress images before uploading.
Use descriptive filenames.
Add alt text for accessibility.
Use modern formats like WebP.
Keep images responsive.

JavaScript Example

const image = document.createElement("img");

image.src = "https://example.com/sample-image.webp";
image.alt = "Sample Image";

document.body.appendChild(image);

Learn More

If you'd like to explore a practical implementation of these concepts, here's a free image hosting tool you can check out:

https://www.globaltoolsbox.online/2026/08/free-image-hosting-embed-suite-2026.html

It demonstrates direct image URLs, HTML embed code, and BBCode generation in a simple web interface.

Free Canva Alternative: AI Design Studio for Instant Visual Content Creation

Solangi Waqas — Fri, 31 Jul 2026 03:48:01 +0000

Are you looking for a lightweight, fast, and completely free alternative to heavy design software?

We built the Canva Alternative - AI Design Studio to help creators, marketers, and developers quickly generate clean design concepts, layout ideas, and visual prompts without any cost or complex tools.

What Makes It Useful?

Instant Design Assistance: Get visual blueprints, typography suggestions, and color palettes in seconds.
100% Free to Use: No hidden fees, subscriptions, or sign-up walls.
Clean & Responsive: Runs directly in your browser without lag.

Whether you need quick visual layout concepts for social media banners, blog graphics, or marketing collateral, give it a try:

👉 Try it here: AI Design Studio & Canva Alternative

Feel free to share your feedback or suggestions below!

Building an Advanced TVM & Loan Amortization Calculator with Pure JavaScript

Solangi Waqas — Wed, 22 Jul 2026 12:46:31 +0000

Calculating compound interest, Time Value of Money (TVM), and loan amortization schedules is essential for financial application development. Instead of relying on heavy third-party libraries, I built a lightweight, pure Vanilla JavaScript calculator that runs entirely client-side.

🌟 Key Features

TVM Calculator (Time Value of Money):
- Solves for Future Value ($FV$), Present Value ($PV$), and Monthly Payments ($PMT$).
- Uses compounding interest formulas: $$FV = PV (1 + r)^n + PMT \left[ \frac{(1 + r)^n - 1}{r} \right]$$
Loan Amortization Engine:
- Calculates fixed monthly mortgage/loan payments.
- Computes total interest paid vs. total principal repaid over time.
Performance & Privacy:
- Zero dependencies (Pure HTML, CSS, JavaScript).
- Fast, client-side execution with 100% data privacy.

🔗 Live Demo & Full Tool

You can test the full interactive calculator and amortization schedule tracker live here:
👉 Advanced Finance Calculator on Global Tools Box
https://www.globaltoolsbox.online/2026/07/advanced-finance-calculator-2026-tvm-amortization.html
Feel free to check it out and share your thoughts or logic optimizations!

I Built a Free Words to Speaking Time Calculator for Creators, Students & Public Speakers

Solangi Waqas — Fri, 17 Jul 2026 13:18:38 +0000

I Built a Free Words to Speaking Time Calculator 🚀

Have you ever finished writing a speech, YouTube script, podcast episode, or presentation and wondered:

"How long will this take to speak?"

I faced this problem myself, so I built a simple web tool that calculates speaking time instantly based on your word count.

✨ Features

Instant speaking time estimation
Multiple speaking speed options
Mobile-friendly design
No registration required
Completely free to use

💡 Who is it for?

YouTube creators
Public speakers
Students
Teachers
Podcasters
Script writers
Content creators

Instead of guessing whether your script is 3 minutes or 10 minutes long, you can get an estimate in seconds.

I'm continuously building more free online tools, so I'd love to hear your feedback.

👉 Try it here:
https://www.globaltoolsbox.online/2026/07/words-to-speaking-time-calculator.html

If you have ideas for new tools, let me know in the comments. Your suggestions could become the next feature or project!

Happy building! 🚀

Free Hourly to Salary Calculator – Estimate Your Take-Home Pay Instantly

Solangi Waqas — Thu, 16 Jul 2026 11:31:10 +0000

Free Hourly to Salary Calculator – Estimate Your Take-Home Pay Instantly

Knowing your real income after taxes and deductions is important when comparing job offers or planning your budget.

That's why I built a free Hourly to Salary Calculator that converts your hourly wage into annual salary while estimating your take-home pay.

🚀 Features

Convert hourly pay to yearly salary
Estimate take-home pay
Federal & state tax estimates
Overtime calculations
401(k) contribution support
Weekly, biweekly, semimonthly & monthly pay schedules
Mobile-friendly interface
Free to use

💡 Who is it for?

Employees
Freelancers
HR professionals
Job seekers
Anyone planning their finances

🔗 Try it here

https://www.globaltoolsbox.online/2026/07/hourly-to-salary-paycheck-take-home-tax-calculator.html

I'd love to hear your feedback and suggestions for future improvements. Thanks for checking it out! 🚀

DEV Community: Solangi Waqas

How I Built a Lightweight Online Hashtag Generator for Creators

🌟 Key Features

🚀 Live Demo & Web Tool

💬 Feedback & Suggestions

How to Build a Responsive Fraction Calculator and Simplifier in JavaScript

Key Features of the Calculator

1. HTML Structure (index.html)

How to Calculate Your Ideal Weight, BMI and Body Fat Online

I Built an All-in-One Estate Tax & Islamic Inheritance Calculator in Vanilla JS

⚡ The Challenge & Core Logic

💻 Core JS Calculation Snippet

Estate Tax & Inheritance Calculator 2026

How I Built a Fast Calorie & TDEE Calculator in Vanilla JavaScript

Why Mifflin-St Jeor Formula?

Core JavaScript Logic

Live Tool Demo

How to Estimate a Pregnancy Due Date: A Simple Guide

I Built a Free AI Photo Editing Assistant — No Photoshop, No Downloads

🤖 What it does

🎯 Why I built it

🔗 Try it free

💬 I'd love your feedback

Why Every Developer Should Understand Image Hosting

Why Every Developer Should Understand Image Hosting

Why Image Hosting Matters

Best Practices

JavaScript Example

Learn More

Free Canva Alternative: AI Design Studio for Instant Visual Content Creation

What Makes It Useful?

Building an Advanced TVM & Loan Amortization Calculator with Pure JavaScript

🌟 Key Features

🔗 Live Demo & Full Tool

I Built a Free Words to Speaking Time Calculator for Creators, Students & Public Speakers

I Built a Free Words to Speaking Time Calculator 🚀

✨ Features

💡 Who is it for?

Free Hourly to Salary Calculator – Estimate Your Take-Home Pay Instantly

Free Hourly to Salary Calculator – Estimate Your Take-Home Pay Instantly

🚀 Features

💡 Who is it for?

🔗 Try it here

1. HTML Structure (`index.html`)