HashSlap-Summer-of-Code/dev-dash

Issue #3: Dashboard Layout Customization

Aberta

#7 aberto em 6 de jul. de 2025

Ver no GitHubGuia do colaborador
 (0 comentário) (0 reação) (0 responsável)JavaScript (2 forks)auto 404
Medium Priorityhacktoberfesthssoc🚀 Core Features

Métricas do repositório

Stars
 (0 estrela)
Métricas de merge de PR
 (Métricas PR pendentes)

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

Guia do colaborador

Direção de pesquisa
Explore a estrutura existente de widgets do painel. Entenda a biblioteca react grid layout. Implemente a funcionalidade de arrastar e soltar, depois adicione redimensionamento, predefinições de layout e persistência usando localStorage ou uma API.
Pilha de tecnologia
javascriptreact
Domain
frontend
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.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-2 dias
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
JavaScriptReact
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65