← Voltar

Estrutura do Projeto Brain Dump v2.0.0

BLOCO DE NOTAS/

          ├──  start.html (Página Inicial)

          ├──  index.html (App Principal)

          ├──  about.html (Conheça o App)

          ├──  features.html (Features Detalhadas)

          ├──  project-info.html (Este arquivo)

          │

          ├──  style.css (Estilos CSS)

          ├──  script.js (Lógica JavaScript)

          ├──  server.js (Servidor de Teste)

          ├──  sync-server.js (Sincronização)

          │

          ├──  README.md (Documentação)

          ├──  CHANGELOG.md (Histórico)

          ├──  TESTING.md (Guia de Testes)

          ├──  package.json (Metadados)

          └──  notas-backup/ (Gerado - Sincronização)

Descrição dos Arquivos

HTMLstart.html

Página inicial do projeto. Menu de navegação para todas as seções (App, Documentação, Features, etc)

HTMLindex.html

Aplicação principal. Contém estrutura do editor, sidebar, toolbar e inputs para import

HTMLabout.html

Página informativa sobre o app. Mostra funcionalidades, guia de início e atalhos

HTMLfeatures.html

Página de features detalhadas com cards, comparação e guia visual de uso

HTMLproject-info.html

Este arquivo. Documentação da estrutura do projeto e descrição de cada arquivo

CSSstyle.css (798 linhas)

Estilos CSS para toda aplicação. Inclui:
• Variáveis CSS para temas (dark/light)
• Flexbox layout (sidebar + editor)
• Animações suaves
• Toolbar e menu dropdown
• Editor rico (contenteditable)

JavaScriptscript.js (670+ linhas)

Lógica principal da aplicação. Contém:
• Objeto app com métodos CRUD
• localStorage persistência
• Funções de import/export (TXT, PDF)
• Sistema de temas (dark/light)
• Atalhos de teclado
• Formatação de texto (bold, italic, etc)
• Gerador de PDF formatado

Node.jsserver.js

Servidor HTTP local para servir arquivos estáticos. Usado em desenvolvimento para testar a aplicação localmente (porta 8000)

Node.jssync-server.js

Servidor de sincronização. Recebe dados de notas e:
• Salva em notas-backup/notas.json
• Exporta cada nota como .txt
• Fornece endpoints de status
Porta: 3456

MarkdownREADME.md

Documentação completa do projeto. Includes:
• Descrição geral
• Lista de funcionalidades
• Instruções de uso
• Guia de sincronização
• Troubleshooting

MarkdownCHANGELOG.md

Histórico de versões e mudanças. Documentação de:
• v2.0.0 (PDF Import, Temas, Atalhos)
• v1.0.0 (Release inicial)

MarkdownTESTING.md

Guia completo de testes manuais com:
• Checklist para cada feature
• Instruções de debug
• Testes em diferentes navegadores

JSONpackage.json

Metadados do projeto npm. Define:
• Nome e versão
• Scripts (sync, start)
• Keywords
• Dependências

Tecnologias Utilizadas

Frontend

• HTML5 com contenteditable
• CSS3 com Grid/Flexbox
• JavaScript Vanilla (sem frameworks)
• PDF.js (via CDN) para parsing de PDFs

Backend/Server

• Node.js (v14+)
• HTTP nativo (sem Express)
• FileSystem API para backup

Storage

• localStorage (navegador)
• JSON file (servidor)

Estatísticas

Linhas de Código

• script.js: 670+ linhas
• style.css: 798+ linhas
• index.html: 196 linhas
• About + Features: 400+ linhas
Total: 2000+ linhas de código

Funcionalidades

• 12 features principais
• 4 atalhos de teclado
• 3 categorias de notas
• 2 temas disponíveis
• 4 formatos de export/import

Como Começar

1. Navegador

Abra http://localhost:8000/start.html
(Após iniciar o servidor)

2. Servidor de Teste

node server.js porta 8000

3. Sincronização (Opcional)

node sync-server.js porta 3456

Próximas Features (Roadmap)

• v2.1: Cloud Sync (Google Drive, OneDrive)
• v3.0: Colaboração (share notes, comments)
• v3.1: Plugin system (extensões customizáveis)
• v4.0: Mobile app (React Native)

Desenvolvido por Gabriel Mendes

LinkedIn | GitHub | Conheça o Criador | Voltar