Cleernote é um app minimalista de notas feito com React + TypeScript + TailwindCSS.
Guarda suas notas no localStorage e permite criar, editar e excluir com uma interface simples e rápida.

🌐 Acesse o site: Clique aqui

• React + TypeScript
• Vite (vite.config.ts)
• TailwindCSS
• Nanoid (IDs únicos)
• Icons: lucide-react

• Componente raiz: App
• Provedor de estado: NotesProvider
• Contexto: NotesContext
• Hook de negócios: useNotesManager
• Hook de consumo: useNotes

• Lista de notas: NoteList
• Edição de nota: NoteEdit

• Cartão: Card
• Botão: Button
• Barra inferior: Navbar

• Tipos: NoteType
• Entrada: main.tsx
• HTML: index.html
• TS Config: tsconfig.app.json, tsconfig.node.json

npm install     # instalar dependências
npm run dev     # rodar em desenvolvimento
npm run build   # build para produção

O NotesProvider usa o hook useNotesManager para gerenciar:

• notes → lista de notas
• currentNote → nota atualmente em edição
• isOnEditPage → controle de tela de edição

Operações principais:

• upsertNote → criar/atualizar nota
• deleteNote → remover nota

O App consome o contexto via useNotes para alternar entre:

• NoteList → lista de notas
• NoteEdit → edição de nota

Todas as notas são salvas no localStorage, mantendo seus dados mesmo após fechar o navegador 💾

• Dark Mode 🌓
• Busca por notas 🔍