Frontend
TypeScript
Strictly typed product interfaces, server actions, and durable shared contracts.
Advanced6+ yrs
Personal Portfolio
Muhammed Bodruk
Fullstack AI DeveloperAI DeveloperFullstack Developer
I design and build fast, secure, AI-assisted web products with clean architecture and careful interfaces.
Skills
How I build
A practical stack for shipping polished interfaces, typed backend systems, and AI workflows that survive real use.
Frontend
Next.js
App Router, Server Components, server actions, metadata, caching, and deployment flows.
Advanced5+ yrs
Frontend
React
Composable interfaces, accessible stateful UI, and performance-minded component boundaries.
Advanced6+ yrs
Frontend
Tailwind CSS
Responsive product interfaces, design tokens, dark systems, and polished interaction states.
Advanced4+ yrs
Backend
Node.js
Server-side product logic, API workflows, background jobs, and integration layers.
Working4+ yrs
Database
PostgreSQL
Relational modeling, migrations, indexes, JSONB, and query paths that stay understandable.
Advanced4+ yrs
Show 10 more skillsShow fewer skills
Backend
Drizzle ORM
Type-safe schema design and direct SQL-shaped data access for full-stack products.
Working2+ yrs
Backend
REST API Design
Clear resource modeling, validation boundaries, predictable errors, and integration-ready endpoints.
Working4+ yrs
AI
AI Product Development
Building AI-assisted products and workflows with practical agent tooling such as Claude Code, Codex, Antigravity, and OpenCode (OMO).
Advanced3+ yrs
AI
LLM Integration
Product integrations with OpenAI, Claude API, and Vercel AI SDK for useful, scoped AI features.
Advanced3+ yrs
Security
Authentication & Security
Session design, JWT cookies, validation, and practical threat-aware admin flows.
Working3+ yrs
Product
UI/UX Implementation
Information hierarchy, interaction details, responsive systems, and visual polish.
Advanced5+ yrs
Infra
Docker
Containerized development environments and deployable service foundations.
Working2+ yrs
Infra
GitHub Actions
Basic CI workflows for linting, type checks, builds, and release safety.
Learning1+ yrs
Infra
Vercel
Deploying Next.js applications, managing environment variables, and reading build output.
Learning2+ yrs
AI
Python
Automation scripts, AI experimentation, data processing, and product prototypes.
Working3+ yrs
About
Thoughtful systems, built end to end.
I work across product, frontend, backend, and AI systems. My best work sits where pragmatic engineering meets polished user experience: typed data models, resilient server flows, and interfaces that make complex systems feel calm and usable.
- AI Developer
- Fullstack Developer
- Product Builder
- Years building
- 8+
- Core focus
- AI + Web
- Mode
- Hands-on
Production apps, internal tools, and independent products
Useful workflows, secure systems, polished interfaces
From schema and auth to UI details and launch
Selected Work
Recent projects
Case studies and systems that show how I think through product, architecture, and interface quality.
View Case Study →
LIVE
FeaturedRCSF Project Nexus
RCSF Project Nexus is a modern scrim and tournament management platform for esports communities. It supports team slot registration, active scrim sessions, multiple leaderboards, news and blog publishing, sponsor management, protected admin workflows, and automated daily scrim creation from reusable templates. Built with Next.js 16, React 19, TypeScript, Tailwind CSS v4, Framer Motion, Neon PostgreSQL, Drizzle ORM, JWT authentication, and UploadThing, the platform combines real product operations with a strong cyberpunk visual system and SEO-focused public pages.
Blueprint Overview
Full-stack esports operations platform for scrim sessions, team registration, leaderboards, sponsors, news, and admin control.
Next.jsReactTypeScriptTailwind CSSFramer MotionNeonDrizzle ORMJWTUploadThing
0 Views
LIVE
LIVE
PROJ_002View Case Study →
KAFL | NEXUS
2024KAFL | NEXUS is an AI-assisted academic performance and strategy platform for high school students preparing for TYT/AYT...
Next.jsTypeScriptPostgreSQLNeon
STATUS: PUBLIC
View project detailsLIVE
PROJ_003View Case Study →
Neoesis
2024Neoesis is an AI-assisted learning platform for producing interactive educational experiences around any subject. Instea...
Next.jsReactTypeScriptTailwind CSS
STATUS: PUBLIC
View project detailsWriting
Notes from the build
Practical notes on AI systems, full-stack architecture, security, and shipping better software.
Summary
A dashboard is only useful when it helps someone make a better decision.
- NOTE_ID
- NOTE_2025_021
- DATE
- 2025.03.08
- READ_TIME
- 1 MIN
- STATUS
- PUBLIC
Dev
Turning Raw Data into Useful Product Dashboards
By Muhammed Bodruk|Dev
A dashboard is only useful when it helps someone make a better decision. That means the product has to do more than display charts. It needs clean ingestion, trustworthy validation, understandable grouping, and a visual hierarchy that shows what changed, what matters, and what should happen next. In education and operations products, raw data often arrives in awkward formats such as PDFs, spreadsheets, or inconsistent admin inputs. The engineering challenge is to turn that noise into a stable m...
NOTE_2025_020
2025.02.12Dev1 MIN READ
A Practical Shape for Admin-Heavy Next.js Products
Admin products fail when the interface is treated as an afterthought. The real work is usually in the boring parts: validation, permission boundaries, safe server actions, predictable forms, useful empty states, and tables that make repeated work faster. For Next.js App Router projects, I like a structure where schema, validators, server actions, and forms share the same mental model. Drizzle gives the database a readable shape, Zod keeps input honest, and server actions make mutations explicit without spreading API details across the UI. The interface still matters. A strong admin panel should be dense but calm, keyboard-friendly, responsive, and clear about what changed. If the user has to manage real data every day, visual polish is not decoration. It is part of the product's reliability.
0 VIEWSREAD NOTE →
Read full articleNOTE_2025_019
2025.01.18AI1 MIN READ
Building with AI Agents Without Losing Engineering Discipline
AI coding agents are most useful when they are treated as focused engineering tools, not as a replacement for architecture. The output gets better when the task has clear boundaries, real acceptance criteria, and a review loop that checks behavior, types, accessibility, and product intent. My workflow is to use agents for implementation speed while keeping the important decisions human: data modeling, security boundaries, UI hierarchy, and release quality. Tools like Claude Code, Codex, Antigravity, and OpenCode can move a feature forward quickly, but they still need a codebase-aware plan and a careful final pass. The practical goal is not to produce more code. It is to shorten the path from idea to reliable product while preserving maintainability. A good AI-assisted workflow should leave the repository cleaner, easier to test, and easier to continue.
0 VIEWSREAD NOTE →
Read full articleHave a product, AI workflow, or interface that needs careful engineering?
Get in touch