DEV Community

Cover image for How a University Student Built a 64+ Client-Side Utility Suite in 30 Days (React, WASM & AI)
Muhammad Abdullah Sattar
Muhammad Abdullah Sattar

Posted on

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

#showdev #webdev #javascript #react

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:

  1. WebAssembly (WASM): Heavy operations like PDF merging run locally in browser memory using WebAssembly compiled modules.
  2. 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.
  3. 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!

Top comments (0)