DndStickyNotes98 — sticky notes com drag & drop (Windows 98)
Aplicação de notas adesivas com drag & drop e visual retrô Windows 98, com salvamento automático das posições.
Problema
Queria um projeto curto e divertido pra treinar interação na UI (drag & drop), com foco em experiência visual e organização livre na tela.
Contexto
Projeto pessoal com estética retrô (Windows 98), priorizando uma experiência simples e direta: criar notas e mover como quiser.
Objetivos
- Criar notas rapidamente e posicionar em qualquer lugar
- Reproduzir um visual retrô consistente
- Persistir a disposição das notas para não perder a organização
Abordagem
- Next.js + React para UI componentizada
- Tailwind CSS para estilização e consistência visual
- Implementação do drag & drop e persistência local das posições
Solução
- Canvas simples com notas arrastáveis
- Estilo Windows 98 (cores, bordas, tipografia/feel retrô)
- Auto-save de posições para manter o layout do usuário
Resultados
- App leve e rápido com interação fluída
- Organização persistente (não perde o layout ao recarregar)
- Deploy na Vercel pronto pra compartilhar
Feedback do cliente
Em breve.