A React + TypeScript SPA that helps non-coders define an app spec in 8 guided steps, using an OpenAI-compatible LLM endpoint (Ollama proxy) and producing a final Codex-ready Build Pack.
- Multi-step wizard with guided input fields per step
- LLM-assisted suggestions, clarifying questions, and draft artifact generation
- Draft versions per step (never overwrite silently)
- Step locking + next-step gating
- Completeness checks before lock
- Unlock flow that flags later steps for review
- Final export page with:
- Build pack markdown
- Build pack JSON
- acceptance checklist
- copy + download actions
- Local persistence via
localStorage - Save/Load progress via JSON file in header controls
- Invalid LLM JSON recovery with raw-output view + strict retry
Tech Stack
- React 19
- TypeScript
- Vite
- React Router
Project Link: https://github.com/nikaskeba/Preplanning-Tool-for-Coding-Spec-for-ChatGPT-Codex–