Projects

Desktop Image Resizer App

2022·1 min read

Electron
Tailwind CSS
TypeScript
GitHub

A lightweight desktop app for resizing PNG, JPEG, and GIF images to any width × height. Pick a file, type the dimensions, and the resized copy lands in your home folder — no upload, no cloud, all local.

Resize images locally on your desktop — a small cross-platform Electron app.

A lightweight desktop app for resizing PNG, JPEG, and GIF images to any width × height. Pick a file, type the dimensions, and the resized copy lands in your home folder — no upload, no cloud, all local.

App screenshot

✨ Features

  • Native desktop window (macOS / Windows / Linux) via Electron
  • File picker for PNG, JPEG, and GIF inputs
  • Auto-fills the form with the source image's current width & height
  • Resize to any custom width × height in pixels
  • Writes the output to ~/imageresizer/ and opens that folder when done
  • Toast notifications for success and validation errors (via toastify-js)
  • Native app menu with quit shortcut and an About window

🛠️ Tech Stack

  • Runtime — Electron 21 (main + preload + renderer with contextIsolation)
  • Image processing — resize-img
  • Renderer — plain HTML/CSS/JS, Poppins via Google Fonts
  • UX — toastify-js for in-app notifications
  • Dev — nodemon for reloading during development

🙌 Credits

Built by Mohamed Gado.

More projects

  • Old Portfolio2022 · React
  • Quiz App2022 · React
  • Puzzle Game2022 · React
All projects