acmpesuecc/sizer-imageResizing

Responsive Frontend UI

Offen

#4 geöffnet am 16.10.2024

Auf GitHub ansehenContributor Guide
 (10 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (11 Forks)auto 404
Bounty: 25enhancementgood first issue

Repository-Metriken

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

Beschreibung

As of now the web app's UI is built only for desktop / laptop screens. Refactor frontend to make the web app responsive and usable on all common screens (mobile, tablet, laptop, desktop)

Try to stick to the minimalistic theme

Contributor Guide

Research-Richtung
Untersuche das aktuelle CSS Layout und identifiziere Breakpoints; implementiere Media Queries, um das Layout für Mobilgeräte, Tablets und Desktops anzupassen; teste die Reaktionsfähigkeit mit den Browser Entwicklungstools.
Tech Stack
javascriptreact
Domain
frontend
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.
1-3 Stunden
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
GitReactCSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75