Ir para o conteúdo principal

Daily Planner Minimalista: Organização com Design Botânico

·424 palavras·2 minutos· loading

✍️ Transforme o caos do dia a dia em uma rotina tranquila com um planejador totalmente focado em simplicidade, privacidade e bem-estar visual.

🔹 Contexto
#

O Daily Planner nasceu da necessidade de ter um organizador diário que fosse direto ao ponto, sem distrações, dezenas de menus ou notificações estressantes. O resultado é uma aplicação web completa construída com uma filosofia de design chamada Botanical Minimalism — uma mistura de simplicidade com elementos botânicos, tons pastéis naturais, muito “espaço em branco” e uma interface que transmite calma logo ao abrir.

🔹 Conteúdo Principal
#

Este projeto não é apenas bonito; ele foi desenhado para ser a única aba de produtividade que você precisa deixar aberta.

  • Privacidade total e modo Offline: O app usa o Local Storage do seu navegador. Isso significa que nenhum dado vai para servidores externos. Tudo o que você escreve é seu e fica apenas na sua máquina. A partir do primeiro carregamento, ele funciona offline!
  • Estrutura por Blocos: Conta com seções claras para suas 3 maiores prioridades, agenda por horários e uma lista clássica de tarefas (to-do list).
  • Reflexão e Gratidão: Traz um bloco dedicado para você anotar seus aprendizados do dia e outro para já deixar o dia de amanhã esquematizado.
  • Design Botânico: Fontes elegantes (Playfair Display e Poppins), animações muito suaves de fade-in e uma paleta com verde menta, creme e rosa pastel (#A8D5BA, #FBF9F6). Tudo 100% responsivo para mobile ou desktop.

📌 Como Rodar no seu Computador
#

O projeto utiliza Node.js e React. Para rodar a aplicação localmente na sua máquina, basta abrir o terminal na pasta do projeto e executar:

# 1. Instale as dependências necessárias
npm install

# 2. Inicie o servidor local de desenvolvimento
npm run dev

Depois, é só abrir http://localhost:3000 no seu navegador favorito. deve estar assim:

!

Image Description

✨ Personalização de Cores
#

Se você é do tipo que gosta de customizar as interfaces que usa, todo o padrão de cores está centralizado. Basta abrir o arquivo client/src/index.css, buscar pela seção “Botanical Minimalism Color Palette” e alterar os valores para deixar com a sua cara.

🔹 Conclusão
#

O Daily Planner mostra que ferramentas de produtividade não precisam ser burocráticas. Muitas vezes, a chave para um dia produtivo é apenas uma “folha em branco” digital, cores suaves que não cansam a vista e foco nas três prioridades mais importantes daquele dia. 🌿

✅ Obrigado por ler!
📩 O que você acha do minimalismo em aplicativos do dia a dia? Deixe um comentário e compartilhe como você costuma organizar a sua rotina.

Lex Usamn
Autor
Lex Usamn
Especialista em servidores de jogos, automação e inteligência artificial. Desde 2001 trabalhando com manutenção, redes e inovação tecnológica.