avinash201199/MemeGenerator

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

Aberta

#139 aberto em 25 de out. de 2025

Ver no GitHubGuia do colaborador
 (0 comentário) (0 reação) (1 responsável)JavaScript (57 forks)auto 404
hacktoberfesthacktoberfest-accepted

Métricas do repositório

Stars
 (24 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

🔧 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!

Guia do colaborador

Direção de pesquisa
Implemente um menu suspenso de download com opções de formato de arquivo (PNG, JPEG, WebP) e um controle deslizante de qualidade para formatos com perda. Integre com a lógica de download existente para exportar a tela no formato e qualidade selecionados.
Pilha de tecnologia
javascript
Domain
frontendweb dev
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
JavaScriptHTMLCSS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80