HashSlap-Summer-of-Code/dev-dash

Issue #3: Dashboard Layout Customization

Aperta

#7 aperta il 6 lug 2025

Vedi su GitHubGuida contributor
 (0 commenti) (0 reazioni) (0 assegnatari)JavaScript (2 fork)auto 404
Medium Priorityhacktoberfesthssoc🚀 Core Features

Metriche repository

Star
 (0 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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

Guida contributor

Direzione di ricerca
Esplora la struttura esistente dei widget della dashboard. Comprendi la libreria react grid layout. Implementa la funzionalità di trascinamento e rilascio, quindi aggiungi il ridimensionamento, i preset di layout e la persistenza usando localStorage o un'API.
Tech stack
javascriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
JavaScriptReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65