wild-notes

Here’s the NoteForge workflow simplified into a build-ready spec a coder can follow without guesswork. --- Core Idea (in one line) A clean web app that takes HTML notes → converts to styled PDF → manages reusable AI prompts. --- Features that actually matter 1. HTML Editor Large textarea or rich editor Live preview toggle (split screen optional) Auto-save to local storage 2. PDF Export “Download PDF” button Uses html2pdf.js Preset configs: A4 size Margins Page break handling Clean print styling (no UI elements) 3. Prompt Manager Save / edit / delete prompts Categories (e.g. Summary, Flashcards, Explain Like 5) One-click copy Store locally (no backend) 4. AI Integration (Free API only) Use Pollination AI API Input: user notes Output modes: Summary Flashcards Q&A Button triggers → inserts result into editor --- Pages / Layout Single Page App (keep it simple) Sections: 1. Top bar App name Export PDF button 2. Left panel Prompt library 3. Main panel HTML editor Preview toggle 4. Bottom / floating actions Generate with AI Save prompt --- File Structure /noteforge ├── index.html ├── style.css ├── script.js ├── pdf-engine.js └── assets/ --- Core Logic (what dev must implement) Editor const editor = document.getElementById("editor"); localStorage.setItem("notes", editor.value); PDF Engine function exportPDF() { const element = document.getElementById("preview"); html2pdf().from(element).save(); } Prompt Storage let prompts = JSON.parse(localStorage.getItem("prompts")) || []; AI Call (Pollination) async function generateAI(prompt, text) { const res = await fetch("https://api.pollinations.ai/text", { method: "POST", body: JSON.stringify({ prompt: prompt + text }) }); return await res.text(); } --- UX Rules (don’t ignore) Fast, zero login Works offline (except AI) Minimal UI, distraction-free Smooth micro-interactions (subtle, iOS-like) One-click actions > complex menus --- MVP Scope (build this first) HTML editor PDF export Save prompts Basic AI generation Skip: Auth Cloud sync Fancy animations --- Future Upgrades (optional) Drag-drop images into notes Markdown support Cloud save (Firebase) Multi-file notes Export templates (exam notes, summaries