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
// 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 Prisma
2string">"syntax-keyword">import { prisma } string">"syntax-keyword">from string">"@/lib/db";
3string">"syntax-keyword">import { revalidatePath } string">"syntax-keyword">from string">"next/cache";
4
5string">"syntax-keyword">export string">"syntax-keyword">async function createProject(
6 formData: FormData
7) {
8 string">"syntax-string">string">"use server";
9
10 string">"syntax-keyword">const title = formData.get(string">"title") as string;
11 string">"syntax-keyword">const description = formData.get(string">"description") as string;
12
13 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 });
20
21 revalidatePath(string">"/projects");
22 string">"syntax-keyword">return { success: true, id: project.id };
23}
// projects

Featured Projects

FullStack Task Manager

A real-time collaborative task management app with drag-and-drop boards, team workspaces, and role-based access control. Built with Next.js App Router and Postgres.

Next.jsTypeScriptPostgreSQLPrismaWebSocketsTailwind

Developer Portfolio CMS

A headless CMS-powered portfolio system with markdown support, project management, and analytics dashboard. Supports dark/light theming.

Next.jsMDXTailwindSupabaseVercel

REST API Boilerplate

Production-ready Node.js + TypeScript REST API template with JWT auth, rate limiting, request validation, and Docker configuration.

Node.jsTypeScriptExpressJWTDockerZod

Realtime Chat App

End-to-end encrypted real-time chat application with rooms, direct messages, file sharing, and read receipts using Socket.io.

ReactSocket.ioNode.jsMongoDBRedis
// 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