HashSlap-Summer-of-Code/dev-dash

Issue #3: Dashboard Layout Customization

Ouverte

#7 ouverte le 6 juil. 2025

Voir sur GitHubGuide contributeur
 (0 commentaire) (0 réaction) (0 personne assignée)JavaScript (2 forks)auto 404
Medium Priorityhacktoberfesthssoc🚀 Core Features

Métriques du dépôt

Stars
 (0 étoile)
Métriques de merge PR
 (Métriques PR en attente)

Description

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

Guide contributeur

Direction de recherche
Explorez la structure existante des widgets du tableau de bord. Comprenez la bibliothèque react grid layout. Implémentez la fonctionnalité de glisser déposer, puis ajoutez le redimensionnement, les préréglages de mise en page et la persistance à l'aide de localStorage ou d'une API.
Stack technique
javascriptreact
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-2 jours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
JavaScriptReact
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65