HashSlap-Summer-of-Code/dev-dash

Issue #3: Dashboard Layout Customization

Offen

#7 geöffnet am 06.07.2025

Auf GitHub ansehenContributor Guide
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (2 Forks)auto 404
Medium Priorityhacktoberfesthssoc🚀 Core Features

Repository-Metriken

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

Beschreibung

Description

Allow users to customize their dashboard layout by dragging and dropping widgets.

Requirements

  • Implement drag-and-drop functionality using react-grid-layout
  • Add widget resizing capabilities
  • Create layout presets (grid, list, compact)
  • Add widget visibility toggles
  • Implement layout persistence

Acceptance Criteria

  • Users can drag widgets to rearrange them
  • Widgets can be resized to different sizes
  • Layout changes are saved automatically
  • Multiple layout presets are available

Contributor Guide

Research-Richtung
Erkunde die bestehende Dashboard Widget Struktur. Verstehe die react grid layout Bibliothek. Implementiere die Drag and Drop Funktion, füge dann Größenänderung, Layout Voreinstellungen und Persistenz mit localStorage oder einer API hinzu.
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.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-2 Tage
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
JavaScriptReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65