Project Note
Turn scattered project material into an editable draft.
ProdDoc AI is a web page experiment around documentation. It keeps project context, source material, and generated drafts in one place so the result can still be revised and exported.
Background
Background
Writing a project note takes more than generating paragraphs. The slow parts are clarifying context, organizing sources, keeping structure, and revising the output.
What I tried
What I tried
I placed context input, template choice, source material, generated preview, editing, and export in one flow to reduce switching between tools.
What I worked on
Organized the page structure
Built the documentation page
Added local drafts and history
Tried template extraction and export
Prepared stable demo data
Page path
Add project context
Choose document purpose
Add sources
Generate a draft
Edit and export
Page details
Ask first
A few fixed questions make the context, audience, and modules clearer before generation.
Keep editing
The result is a draft that can still be edited, saved, and exported.
Stable demo
Local data keeps the page available without temporary credentials.
Screens
AI-related attempt
The page tries server-side generation and rewriting while keeping local sample output available when no model call is used.
Tech Stack
Next.js 16 / React 19 / TypeScript / Tailwind CSS
shadcn/ui / Radix UI / lucide-react
docx / mammoth / pdfjs-dist / tesseract.js
localStorage / Playwright / Screenshot scripts
Finished parts
Documentation page
Input form
Template and source parsing attempts
Draft editing
Local history
Word export
Reflection
This experiment made it clear that documentation helpers are useful only when input, revision, and export stay connected. The next thing to test is whether complex document structure can be preserved more reliably.
11 / Page / Code