avinash201199/MemeGenerator

{Feature}: Add Export Options (PNG, JPEG, WebP) And Download Quality Slider

Offen

#139 geöffnet am 25.10.2025

Auf GitHub ansehenContributor Guide
 (0 Kommentare) (0 Reaktionen) (1 zugewiesene Person)JavaScript (57 Forks)auto 404
hacktoberfesthacktoberfest-accepted

Repository-Metriken

Stars
 (24 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

🔧 Description This PR #138
adds export functionality to the Meme Generator, allowing users to:

  • Download memes in multiple formats: PNG, JPEG, WebP
  • Adjust download quality for JPEG/WebP using a slider
  • Minor frontend improvements for a cleaner UI

🧩 Changes Made

  • Export dropdown with file type selection
  • Quality slider with dynamic preview
  • Updated download logic for multiple formats

💡 How to Test

  1. Create a meme
  2. Choose format from dropdown
  3. Adjust quality slider
  4. Click "Download" — image should save correctly

🏷️ Notes

  • Compatible with modern browsers
  • Tested locally with different formats and qualities
  • Hacktoberfest contribution 🎃

✅ Checklist

  • Feature implemented
  • UI tested locally
  • No breaking changes
  • Ready for review

🌸 Hacktoberfest 2025 Contribution made as part of Hacktoberfest 2025 — happy to support open-source!

Contributor Guide

Research-Richtung
Implementieren Sie ein Download Dropdown mit Dateiformatoptionen (PNG, JPEG, WebP) und einen Qualitätsregler für verlustbehaftete Formate. Integrieren Sie es in die vorhandene Download Logik, um die Leinwand im ausgewählten Format und in der gewählten Qualität zu exportieren.
Tech Stack
javascript
Domain
frontendweb dev
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
JavaScriptHTMLCSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80