DEV Community

Nitin
Nitin

Posted on

I Built 67 Free Online Tools with React — Zero Server Cost, 200+ Daily Users

#sideprojects #webdev #javascript #react

Two weeks ago I launched Toolfetti — a free tools site with 67 tools across 9 categories. Financial calculators, image editors, PDF tools, developer utilities, and even an AI interior designer.

The twist? Everything runs in the browser. No server processing, no signup, $0/month hosting cost.

What I Built

67 tools in 9 categories:

  • Calculators (20+): EMI, SIP, PPF, Income Tax, GST, CGPA, BMI, Salary, Gratuity, HRA
  • Image Tools (11): Compress, Resize, Crop, OCR (Image to Text), Meme Generator, YouTube Thumbnail Maker, AI Interior Designer
  • Text Tools (5): Word Counter, Text Compare (Diffchecker alternative), Case Converter, Number to Words
  • Developer Tools (12): JSON Formatter, QR Generator, Regex Tester, JWT Decoder, Hash Generator, Color Picker
  • PDF Tools: Merge, Compress
  • And more: Speed Test, Password Generator, Unit Converter, Pomodoro Timer

The Stack 

Frontend: React + Vite + Tailwind CSS
Hosting: AWS S3 + Cloudflare (free tier)
Heavy lifting: Web APIs (Canvas, Crypto, FileReader)
OCR: Tesseract.js (runs in browser)
AI features: Google Gemini API
Cost: $0/month
Enter fullscreen mode Exit fullscreen mode

3 Technical Decisions That Mattered

1. Client-side everything

Every tool processes data in the browser. Image compression uses Canvas API. PDF merging uses pdf-lib. Text comparison uses a custom LCS diff algorithm. Even the OCR runs locally via Tesseract.js WASM.

This means:

  • Zero server cost at any scale
  • Complete privacy (data never leaves the device)
  • No rate limits
  • Works offline for most tools

2. SEO as architecture

Each of the 67 tools has:

  • Unique <title>, <meta description>, Open Graph tags
  • JSON-LD structured data (SoftwareApplication + BreadcrumbList + FAQPage)
  • Programmatic SEO pages for long-tail keywords (e.g., /calculator/emi/15-lakh-car-loan)

One React SPA generates 127 unique HTML files at build time — each with its own meta tags for Googlebot.

3. AI as a feature, not the product

Added two AI-powered features:

  • Image to Text: OCR extracts text, then Gemini cleans up formatting errors
  • AI Interior Designer: Upload a room photo, pick a style, get a redesigned visualization

These are differentiators — most free tool sites don't have AI features.

Results After 10 Days

  • 200+ unique visitors/day (organic + social)
  • 5 clicks from Google Search
  • 28 pages indexed (7 on page 1!)
  • 0 marketing spend

The EMI Calculator ranks position 3.6 for BMI queries. The Text Compare tool has 197 impressions across 130+ keywords.

What I'd Do Differently

  1. Start with 20 tools, not 60. Quality > quantity for SEO.
  2. Add blog content from Day 1. Articles drive more organic traffic than tool pages.
  3. Build embeddable widgets. Each embed = a free backlink.

Check it out: toolfetti.com

Top comments (0)