Inspiration

I kept hitting the same wall: I'd have a problem worth solving, but no clear path from "this is broken" to "here's what to build." Existing tools either dumped a wall of generic AI text or forced me into a rigid template. I wanted something that treated a problem like an engineer would — analyze it, explore options, then commit to a buildable plan.

Nexus is that tool. It's also my answer to a second problem: I generate a lot of ideas, and they used to vanish into scattered notes. Nexus keeps every blueprint in a searchable, connected knowledge base.

What it does

You describe a problem. Nexus runs it through a three-stage AI pipeline:

  1. Analysis — Gemini extracts pain points, root causes, affected users, and constraints
  2. Solutions — Gemini generates multiple approaches with confidence scores
  3. Blueprint — Groq synthesizes the chosen solution into a full MVP spec: features, pages, tech stack, database schema, development tasks, and a recommended build order

Every blueprint is saved to a personal knowledge base alongside notes, bookmarks, code snippets, ideas, and resources. That knowledge base supports tags, typed connections between items, a force-directed knowledge graph, a statistics dashboard, full-text search, favorites, JSON export/import, and shareable blueprint links.

How I built it

Frontend — React 18 + Vite. React Router for navigation, custom CSS with a design system (no UI framework). Lucide icons, vis-network for the graph, react-markdown for rendering.

Backend — Node.js + Express. JWT authentication with bcrypt hashing. Prisma ORM.

Database — PostgreSQL hosted on Neon, accessed through Prisma. I started on SQLite locally, then migrated to Postgres for production. The Prisma schema has four models: User, KnowledgeItem, Tag, and Connection.

AI — Google Gemini for problem analysis and solution generation; Groq (LLaMA/GPT-OSS) for blueprint synthesis. Both APIs return structured JSON that the frontend renders directly.

Deployment — Netlify (frontend), Render (backend), Neon (database). All three tiers on free plans.

The full stack is live at https://nexus-hadi.netlify.app — the backend runs on Render's free tier, so the first request after 15 minutes of idle takes ~30 seconds to wake. That's expected.

Challenges

Structured AI output. Getting Gemini and Groq to return reliable JSON — not prose wrapped in code fences, not partially-formed objects — took real prompt engineering. I had to be explicit about the schema, force JSON mode where possible, and validate on the client.

SQLite → Postgres in production. Neon gives two connection strings: a pooled one for runtime and a direct one for migrations. Configuring Prisma to use each correctly (url for runtime, directUrl for migrations) was the difference between a working deploy and a cryptic timeout.

A loading animation that double-mounted. I built a custom branded loader — a snake that grows into the letter N, tracing the SVG path with a non-linear speed curve (burst → slow → burst). It kept restarting because two components (ProtectedRoute and the page itself) were each mounting their own copy. The fix: exactly one loader instance per navigation, and the animation always runs to completion even if the page loads faster.

SPA routing on Netlify. React Router paths like /knowledge/graph returned 404 on direct navigation because Netlify looked for a file. The fix was a _redirects file rewriting every path to index.html.

What I learned

  • Prisma migrations in production are a different beast from migrate dev — migrate deploy runs idempotently on every deploy, which is exactly what you want on a serverless host.
  • Free-tier cold starts change how you design UX. The loader has to be worth watching if the backend might take 30 seconds to respond.
  • Animation is product. The snake-grows-into-N loader cost me more iterations than the AI pipeline, and it's the thing people comment on first.
  • Environment separation matters. VITE_API_URL for the frontend, DATABASE_URL/DIRECT_URL for the backend, secrets never in git. Building this correctly the first time saved hours of debugging.

What's next

  • Public shareable blueprint pages (currently URL-encoded, limited by length)
  • Offline mode with IndexedDB
  • Export to Notion / Obsidian
  • Real-time collaboration on blueprints
  • Chrome extension for quick capture

Nexus takes a problem and produces a plan you could start building today — in under two minutes.

Built With

Share this project:

Updates

Submission history