← All projects
[03]

Codz

An AI coding workspace that generates, debugs, optimises and explains code in 30+ languages, with credits paid through Solana Pay.

Timeline
Feb – Oct 2023
Stack
React · Express · MongoDB · OpenAI · Solana Pay
Status
Live
fig.03 · codz · tap to play
  1. 1 · Bug flagged
↳ A review pass keeps sweeping the file, finding and fixing bugs. Click a line to plant a bug, then move down to sweep it fixed.
01

The problem

Developers bounce between an editor, docs and a chatbot to write, fix and tune code. Codz puts it all in one editor: write code, then ask AI to generate, debug, optimise or explain it without leaving the page.

02

What I built

01

Generate & optimise

Describe what you need and get working code, or have existing code made faster and cleaner, across 30+ languages.

02

Debug & explain

Intelligent debugging finds and explains bugs, code summaries explain unfamiliar code, and an AI chatbot answers questions.

03

Pay with Solana

Buy AI credits with Solana Pay; sign in without a password via Magic.link, and save unlimited files.

03

How it works

Architecture of Codz, one row per user action.
  1. Login / Signup: the frontend sends “Check token” via Magic.link; the backend does: Verify token; the user gets back “Authenticated”.
  2. Dashboard: the frontend sends “Load profile”; the backend does: Query database; it talks to MongoDB (“Query”, gets back “Records”); the user gets back “User’s info”.
  3. My codes: the frontend sends “Load files”; the backend does: Query database; it talks to MongoDB (“Query”, gets back “Saved code”); the user gets back “User’s codes”.
  4. Playground · AI features & chat: the frontend sends “Code + prompt”; the backend does: OpenAI request; it talks to OpenAI (“Prompt”, gets back “Completion”); the user gets back “AI response”.
  5. Playground · Code compile: the frontend sends “Source code”; straight to Judge0 API; the user gets back “Output”.
  6. Pricing: the frontend sends “Scan QR · pay” via Solana Pay; the backend does: Record payment; it talks to MongoDB (“Payment metadata”).
04

Outcome

5 AI toolsGenerate, optimise, summarise, debug and chat, all in one editor
30+programming languages supported