Skip to content

Add Favicon & Web App Manifest Generator to Dev Utilities#390

Merged
shamilahmdt merged 1 commit into
shamilahmdt:mainfrom
sudeepmukul:main
Jul 9, 2026
Merged

Add Favicon & Web App Manifest Generator to Dev Utilities#390
shamilahmdt merged 1 commit into
shamilahmdt:mainfrom
sudeepmukul:main

Conversation

@sudeepmukul

Copy link
Copy Markdown
Contributor

Add Favicon & Web App Manifest Generator to Dev Utilities

Closes #<388>

What this does

Adds a new client-side utility to the Dev Utilities Sandbox that lets users drag and drop a single master square image (PNG/JPG/SVG) and instantly generate:

  • Resized web icons (16x16, 32x32, 192x192, 512x512, apple-touch-icon)
  • A downloadable, customized site.webmanifest file
  • Ready-to-copy HTML <head> metadata snippet (<link> and <meta> tags)

Changes

  • Registered new route /devutilities/favicon-generator in src/App.jsx
  • Added sidebar navigation entry in src/config/sidebarSections.js
  • Registered the utility card in src/pages/DevUtilities/DevUtilities.jsx (searchable + shown on overview page)
  • New component: src/pages/DevUtilities/devutilities/FaviconGenerator.jsx
    • Left panel: image uploader (drag & drop) + app details form (short name, full name, theme color, background color)
    • Right panel: live JSON preview of manifest, copyable HTML snippet, "Generate & Download ZIP" button
  • Added jszip as a dependency for client-side ZIP bundling

Screenshots

image image

Checklist

  • Runs fully client-side, no network calls
  • Follows existing DevUtilities page/component conventions
  • Route, sidebar entry, and card registered

- Client-side icon resizing via Canvas (16x16, 32x32, 192x192, 512x512, apple-touch-icon)
- Live site.webmanifest preview and copyable HTML head snippet
- ZIP export via JSZip, fully offline
- Registers route, sidebar entry, and DevUtilities card
@vercel

vercel Bot commented Jul 8, 2026

Copy link
Copy Markdown

@sudeepmukul is attempting to deploy a commit to the shamilahmdt's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions

github-actions Bot commented Jul 8, 2026

Copy link
Copy Markdown

👋 Hello, @sudeepmukul!

Thank you for your contribution to DevTasks.

The maintainer has been notified and will review your pull request shortly. If any changes are needed, we will let you know in the comments below.

@erikurt9

erikurt9 commented Jul 9, 2026

Copy link
Copy Markdown
Contributor

I had this assigned, no worries though — happy to pick up another one.

@shamilahmdt shamilahmdt merged commit e2b1eee into shamilahmdt:main Jul 9, 2026
2 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants