DEV Community

Cover image for ToolVerve: 64+ Free, Private Browser Tools Built in the Spirit of Digital Generosity
Muhammad Abdullah Sattar
Muhammad Abdullah Sattar

Posted on

ToolVerve: 64+ Free, Private Browser Tools Built in the Spirit of Digital Generosity

#devchallenge #weekendchallenge #showdev #webdev

DEV Weekend Challenge: Generosity Edition Submission 💜

This is a submission for the DEV Weekend Challenge: Generosity Edition.

What I Built

I am a university student who is completely self-taught in web development. I don't come from a computer science background—I simply wanted to learn how to code by building something real, privacy-first, and genuinely useful for people.

As my very first web project, I built ToolVerve—an open, accessible suite of 64+ free, privacy-focused, client-side browser utilities designed to solve everyday tech friction without paywalls or subscription traps.

Too often, simple digital tasks (like reducing an image's file size for a university or government portal, merging PDFs, or checking color contrast) are blocked by aggressive paywalls, mandatory account signups, or intrusive cloud uploads that harvest private user data.

ToolVerve was built entirely in the spirit of digital generosity:

  • 🔓 Zero Paywalls & Zero Signups: 100% free forever with no account creation required.
  • 🛡️ Generosity of Privacy & Trust: Documents and files are processed 100% locally in device memory using Web Workers and WebAssembly. Zero files or personal data ever leave your browser.
  • 🌐 Digital Inclusivity: Features accessible tools like Bionic Reading (for ADHD/dyslexia readers), WCAG AA/AAA Color Contrast validation, and automatic RTL support for languages like Urdu and Arabic.

Demo & Highlights

Popular Tools You Can Test Right Now

  1. 🎯 Target-KB Image Compressor: Compress JPG, PNG, and WebP images directly to exact target sizes (e.g., under 50 KB or 100 KB) for strict upload forms.
  2. 📑 Client-Side PDF Merger: Combine confidential PDF documents instantly without uploading them to external servers.
  3. 👁️ WCAG 2.2 Contrast Checker: Check foreground and background contrast ratios for Web Content Accessibility Guidelines (WCAG) compliance.
  4. ⚡ Bionic Reading Converter: Generate highlighted fixation anchors to aid reading focus and flow.
  5. 🔑 Offline JWT Inspector: Decode and inspect JWT claims safely in browser RAM without exposing secret keys.

How I Built It

As a beginner, building 64+ utilities that execute completely client-side without a backend was an incredible learning experience:

  • UI & Frontend Stack: React 19, Vite, and Tailwind CSS v4.
  • Client-Side Processing Engine:
    • browser-image-compression running inside dedicated Web Worker threads to keep the UI smooth while processing 20MB+ high-res images.
    • pdf-lib and pdfjs-dist to parse cross-reference tables and merge page trees entirely in browser memory.
    • HTML5 Canvas 2D API for lossless SVG conversion, EXIF metadata stripping, and barcode rendering.
    • Web Crypto API (crypto.subtle) for hardware-accelerated SHA-256 and MD5 hashing.
  • Offline Reliability: Built as a Progressive Web App (PWA) with Workbox caching, enabling tools to work fully offline once loaded.
  • Pre-rendering & SEO: Automated a custom build-step script to generate static HTML with structured schema for fast discovery.

What's Next

ToolVerve will remain 100% free and private forever. As I continue expanding my web development skills, I plan to build:

  • Local speech-to-text transcription powered by browser-based WebAssembly.
  • Specialized utility suites to support students, educators, and grassroots non-profit organizations.

I would love to hear your feedback, thoughts, or suggestions in the comments below!

Top comments (0)