Crie um Painel Pessoal Personalizado em um Único Arquivo HTML

Construa um painel pessoal completo e funcional em um único arquivo HTML usando HTML, CSS e JavaScript. O QUE ELE FAZ Um painel pessoal que mostra tudo o que importa, tarefas, calendário, notas e métricas-chave, tudo em uma página limpa e bonita. Pense nele como seu centro de comando para o dia. RECURSOS PRINCIPAIS 1. Visão Geral do Painel (Visualização Principal) - Uma visão limpa e rápida das tarefas de hoje, eventos futuros e notas recentes - Uma saudação que muda de acordo com a hora do dia (Bom dia / Boa tarde / Boa noite) - Botões de adição rápida para tarefas, eventos e notas - Layout estilo widget com cartões reorganizáveis por arrastar 2. Widget de Tarefas - Mostra as tarefas de hoje com caixas de seleção para marcar como concluídas - Agrupa tarefas por: Hoje, Esta Semana, Depois - Adiciona novas tarefas com título, data de vencimento e prioridade (Alta/Média/Baixa) - Edita ou exclui tarefas - Indicador visual para tarefas atrasadas 3. Widget de Calendário - Mini calendário mostrando o mês atual - Destaca datas com eventos ou tarefas - Clique em uma data para ver o que está agendado - Adiciona eventos com título, hora e categoria (Trabalho, Pessoal, Aniversário, Reunião) - Lista de eventos futuros abaixo do calendário 4. Widget de Notas - Captura rápida para pensamentos e ideias - Mostra notas recentes (últimas 5) com carimbos de data/hora - Clique em uma nota para visualizá-la ou editá-la - Barra de pesquisa para encontrar notas passadas - Edição de texto rico: negrito, itálico, marcadores 5. Widget de Métricas - Mostra de 3 a 5 números-chave que importam para você (por exemplo, tarefas concluídas hoje, dias até um prazo, total de notas) - Personalizável, o usuário pode escolher quais métricas exibir - Barras de progresso ou contadores visuais simples 6. Personalização - Alternância de modo claro / modo escuro - Escolha de cores primária e de destaque a partir de um seletor de cores - Mostrar/ocultar widgets que você não usa - Reorganizar widgets por arrastar e soltar 7. Persistência de Dados - Todos os dados salvos no localStorage - Os dados persistem entre sessões do navegador - Exportar dados como backup JSON - Importar dados de um arquivo JSON LAYOUT - Barra lateral esquerda: Navegação (Painel, Tarefas, Calendário, Notas, Configurações) com ícones - Área principal: A visualização do painel com widgets - Barra superior: Nome do aplicativo, hora, data, ícone de perfil, alternância escuro/claro REQUISITOS TÉCNICOS - Arquivo HTML único com CSS e JavaScript incorporados - Responsivo: funciona em desktop e tablet - Animações e transições suaves - Estética limpa, moderna e minimalista - Sem dependências externas (use JavaScript puro) Construa um painel polido e funcional que alguém realmente queira abrir todas as manhãs.