domain_01 / web-development
Web Dev
Building performant, accessible, and beautiful web applications from pixel-perfect frontends to scalable backend architectures. I ship production-grade software with Next.js, TypeScript, and modern tooling.
Full StackReact / Next.jsTypeScriptREST APIsDatabasesDevOps
localhost:3000
100 Lighthouse Score
// tech_stack
Technologies I Work With
Frontend
React
Next.js
TypeScript
Tailwind CSS
Framer Motion
Redux
Zustand
HTML5 / CSS3
Backend
Node.js
Express.js
FastAPI
Python
REST APIs
GraphQL
WebSockets
Middleware
Database
PostgreSQL
MongoDB
Redis
Prisma ORM
Supabase
Firebase
SQL
NoSQL
DevOps & Tools
Docker
Git & GitHub
Vercel
CI/CD
Nginx
Linux
Jest
Vitest
// code_style
Clean, Typed & Scalable Code
I write code that other developers enjoy working with. Strong typing with TypeScript, server actions for mutations, and proper separation of concerns are my defaults — not afterthoughts.
- TypeScript-first approach
- Component-driven architecture
- Server-side rendering by default
- Optimistic UI patterns
- Accessibility (WCAG) compliant
- Edge-ready deployments
ReactUI
Node.jsAPI
PostgresDB
actions.tsTypeScript
1string">"syntax-comment">// Next.js 14 Server Action with Prisma2string">"syntax-keyword">import { prisma } string">"syntax-keyword">from string">"@/lib/db";3string">"syntax-keyword">import { revalidatePath } string">"syntax-keyword">from string">"next/cache";45string">"syntax-keyword">export string">"syntax-keyword">async function createProject(6 formData: FormData7) {8 string">"syntax-string">string">"use server";910 string">"syntax-keyword">const title = formData.get(string">"title") as string;11 string">"syntax-keyword">const description = formData.get(string">"description") as string;1213 string">"syntax-keyword">const project = string">"syntax-keyword">await prisma.project.create({14 data: {15 title,16 description,17 createdAt: string">"syntax-keyword">new Date(),18 },19 });2021 revalidatePath(string">"/projects");22 string">"syntax-keyword">return { success: true, id: project.id };23}
// projects
Featured Projects
// workflow
How I Build
01
Design
Wireframe, component breakdown, design system setup
02
Build
Type-safe components, API routes, database schema
03
Test
Unit + integration tests, E2E flows, accessibility audit
04
Ship
CI/CD pipeline, edge deployment, performance monitoring