Money Tracker App
Next.js, Prisma, Supabase
Russidan • Full Stack Developer
From your idea to a real product.
Building web apps in the AI era, from the interface to the back end.
Download resumeTech Stack
The tools I use to build websites and apps.
Featured Projects
When AI becomes part of my work,how do I use it to create?
Using AI
AI for Coding
portfolio — codex
$ codex
>_ OpenAI Codex · ~/code/portfolio
› Improve keyboard access in the gallery.
• Inspecting gallery controls and focus state.
Read ProjectsShowcase.tsx
Found previous / next controls.
Adding focus styles, then verifying.
Edit(ProjectsShowcase.module.css)
Run keyboard smoke check
└ Tab reaches both gallery controls.
✓ Focus ring and keyboard flow checked.
portfolio — claude
$ claude
✻ Claude Code · ~/code/portfolio
> Review the AI section at 390px.
✻ Checking responsive styles…
● Read(AiStoryPanel.module.css)
└ Read 120 lines
● Search(pattern: "@media")
└ Found responsive rules
● Check mobile spacing and tap targets
└ Navigation remains reachable at 390px
● Single column works; increase tap targets.
>
Codex and Claude Code make coding much faster.
AI for Thinking
Let AI gather facts. Choose the right path.
AI for Coding
portfolio — codex
$ codex
>_ OpenAI Codex · ~/code/portfolio
› Improve keyboard access in the gallery.
• Inspecting gallery controls and focus state.
Read ProjectsShowcase.tsx
Found previous / next controls.
Adding focus styles, then verifying.
Edit(ProjectsShowcase.module.css)
Run keyboard smoke check
└ Tab reaches both gallery controls.
✓ Focus ring and keyboard flow checked.
portfolio — claude
$ claude
✻ Claude Code · ~/code/portfolio
> Review the AI section at 390px.
✻ Checking responsive styles…
● Read(AiStoryPanel.module.css)
└ Read 120 lines
● Search(pattern: "@media")
└ Found responsive rules
● Check mobile spacing and tap targets
└ Navigation remains reachable at 390px
● Single column works; increase tap targets.
>
Codex and Claude Code make coding much faster.
