How a University Student Built a 64+ Client-Side Utility Suite in 30 Days (React, WASM & AI)

Muhammad Abdullah Sattar — Sun, 06 Sep 2026 02:53:21 +0000

Building ToolVerve: A 100% Client-Side Web Utility Suite

Hi DEV Community! 👋

I'm a university student, and over the past 30 days, I dedicated my personal effort and focus to build ToolVerve—a privacy-first suite of 64+ free browser utilities that run 100% locally on your device.

🤖 Built with Personal Effort & AI

Building a project of this scale in just one month was an incredible journey. As a university student, I leveraged modern AI tools alongside my own system design vision and hands-on effort to architect, code, and optimize the platform.

AI acted as my co-developer—helping write clean code, handle edge cases, and integrate WebAssembly at record speed—while I focused on UX, tool selection, state management, and performance tuning.

💡 Why I Built It

As developers and students, we perform quick utility tasks every single day—compressing images to target file sizes, merging PDFs, inspecting JWTs, or checking WCAG color contrast.

However, most online tools force account signups, hide behind paywalls, or upload sensitive user documents to third-party cloud servers. ToolVerve solves this by processing everything directly inside your browser.

🏗️ The Architecture: 0 Servers, 100% Browser Execution

Instead of relying on backend servers, ToolVerve leverages local client-side performance:

WebAssembly (WASM): Heavy operations like PDF merging run locally in browser memory using WebAssembly compiled modules.
Web Workers: Multi-threaded tasks (like batch compressing images to exact target KB limits) run on background Web Worker threads to keep the main UI smooth at 60 FPS.
PWA & Offline Support: Once loaded, ToolVerve functions as an offline Progressive Web App.

⚡ Performance & Stack

Stack: React, Vite, Tailwind CSS, WebAssembly, and Web Workers.
Optimization: Dynamic imports and manual Rollup chunking ensure heavy libraries load only when needed, maintaining a 94%+ PageSpeed performance score.
Privacy First: 100% local RAM execution—zero cloud uploads, zero telemetry, and zero signups.

🚀 Launching Tomorrow on Product Hunt!

ToolVerve is officially launching on Product Hunt tomorrow (Monday, Sept 7 at 12:01 PM PKT)!

As a student builder, I’d deeply appreciate your support, feedback, or ideas for new client-side tools:
👉 Try it out here: https://toolverve.com

What client-side utility do you use most in your daily workflow? Let me know in the comments!

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

Muhammad Abdullah Sattar — Sat, 05 Sep 2026 14:46:56 +0000

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

🚀 Live Website: toolverve.com
🧰 Explore All 64+ Tools: toolverve.com/tools
📚 Knowledge Base & Guides: toolverve.com/guides

Popular Tools You Can Test Right Now

🎯 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.
📑 Client-Side PDF Merger: Combine confidential PDF documents instantly without uploading them to external servers.
👁️ WCAG 2.2 Contrast Checker: Check foreground and background contrast ratios for Web Content Accessibility Guidelines (WCAG) compliance.
⚡ Bionic Reading Converter: Generate highlighted fixation anchors to aid reading focus and flow.
🔑 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!

DEV Community: Muhammad Abdullah Sattar