DEV Community

Sweta Singh
Sweta Singh

Posted on

I Built a Free Image Resizer with React & Firebase

1. Why I Built It

As a developer, I often needed to resize images.

Sometimes it was for profile pictures, sometimes for blog thumbnails, passport photos, product images, or social media posts.

Every time I searched online, I found the same problems:

  • Watermarks on downloads
  • Daily usage limits
  • Slow processing

I thought:

"Why not build a simple image resizer that anyone can use for free?"

That idea eventually became part of QuickGenerator, an online toolkit that includes image tools, PDF tools, and document converters.

Link: https://www.quickgenerator.org/tools/image-resizer

2. Tech Stack

The project is built using:

  • ⚛ React 19
  • ⚡ Vite
  • 🔥 Firebase Authentication
  • ☁ Firebase Hosting
  • 🎨 Tailwind CSS
  • 📝 TypeScript

The goal was to keep everything lightweight and responsive.

3. Features

The Image Resizer currently supports:

  • Upload JPG, PNG and WebP images
  • Resize using custom width and height
  • Maintain excellent image quality
  • Fast browser-based processing
  • Responsive UI
  • Works on desktop and mobile

4. What I Learned

This project taught me that users don't always need more features.

Often they simply want software that is:

  • Fast
  • Reliable
  • Easy to understand

Keeping the interface simple ended up being one of the best decisions.

5. Part of a Bigger Project

The Image Resizer is only one tool inside QuickGenerator.

The platform also includes:

  • PDF Merge
  • PDF Split
  • PDF Compressor
  • Image Compressor
  • Background Remover
  • JPG to PDF
  • PDF to JPG
  • Word to PDF
  • PDF to Word
  • PowerPoint to PDF
  • PDF to PowerPoint
  • QR Code Generator
  • Password Generator

The idea is to provide one place for common productivity tasks instead of making users visit multiple websites.

An image resizer may seem like a simple tool, but thousands of people need one every day for work, school, business, and personal projects.

Website: https://www.quickgenerator.org/

Thanks for reading! 🚀

Top comments (0)