"I don't just write code; I design intelligent systems."

I operate at the intersection of User Experience, Full-Stack Engineering, and Artificial Intelligence. My approach is grounded in the belief that technology should be invisible—only the value it provides should be felt.

1. Empathize: Deep dive into user psychology to uncover latent needs.
2. Architect: Design systems that are scalable, maintainable, and performant.
3. Engineer: Build with pixel-perfect precision and robust logic.
4. Augment: Integrate AI to offload friction, not to add complexity.

I specialize in the Modern React Stack combined with Generative AI. I choose tools that prioritize Developer Experience (DX) and End-User Performance.

+ Core: React.js, Next.js (App Router), TypeScript
+ Styling: Tailwind CSS, Framer Motion, Headless UI
+ State: Zustand, TanStack Query, React Context
+ Quality: Jest, React Testing Library, Playwright

Focus: Accessibility (WCAG 2.1), Core Web Vitals optimization, and Mobile-First Responsive Design.

+ Runtime: Node.js, Edge Computing (Vercel/Cloudflare)
+ Data: PostgreSQL (Prisma), MongoDB, Redis
+ Architecture: REST APIs, GraphQL, tRPC
+ DevOps: Docker, GitHub Actions, CI/CD Pipelines

Focus: Security-first implementation, Database normalization, and Server-Side Rendering for SEO.

+ LLMs: OpenAI GPT-4o, Claude 3.5, Llama 3
+ Orchestration: LangChain, Vercel SDK, OpenAI Assistants API
+ Techniques: RAG (Retrieval-Augmented Generation), Vector Pinecone/Qdrant
+ Data: Structured Outputs, JSON Mode, Function Calling

Focus: "Explainable AI"—making model reasoning transparent to end-users.

Blockchain-verified Agricultural Traceability Role: Lead Full-Stack Engineer & Product Designer

• The Problem: Supply chains are opaque; consumers lack trust in "Organic" labels.
• The Solution: A platform using NFTs for certification and AI for fraud detection in supply data.
• Tech Stack: Next.js, Solidity, IPFS, OpenAI, Tailwind CSS.
• Impact: Secured the first pilot program with 3 local farms, enabling immutable proof of origin.

Multimodal Health Intelligence Assistant Role: AI Architect & Frontend Lead

• The Problem: Patients struggle to interpret complex medical reports and unstructured data.
• The Solution: A multimodal AI interface that analyzes text, PDFs, and lab images to generate plain-language health summaries.
• Tech Stack: React Native, Next.js, OpenAI Vision & Whisper, PostgreSQL.
• Impact: Reduced patient query time by 60% during user testing phases.

Interactive PDF-to-Learning Platform Role: Product Designer & Developer

• The Problem: Static PDFs result in low engagement and retention rates.
• The Solution: Uses AI to "chunk" documents into interactive Q&A cards, summaries, and quizzes.
• Tech Stack: Next.js, LangChain, Vector Database (Pinecone).
• Impact: Demonstrated a 40% increase in information retention compared to standard reading.

Strategic Risk Assessment for SMEs Role: Full-Stack Developer

• The Problem: Small businesses cannot afford expensive risk consultancy.
• The Solution: A conversational AI agent that guides users through complex risk frameworks using function calling.
• Tech Stack: Node.js, React, OpenAI Functions, Mermaid.js.
• Feature: Generates automated Mermaid flowcharts for visual risk reporting.

My workflow follows a strict pipeline from Ideation to Deployment.

graph LR
    subgraph "Phase 1: Discovery & Design"
        A[User Research] --> B[UX/UI Wireframing]
        B --> C[Design System Tokens]
    end

    subgraph "Phase 2: Engineering"
        C --> D[Frontend Implementation]
        C --> E[Backend API Logic]
    end

    subgraph "Phase 3: Intelligence Layer"
        E --> F[AI Orchestration]
        F --> G[Vector DB / RAG]
    end

    subgraph "Phase 4: Delivery"
        D --> H[CI/CD Deployment]
        F --> H
    end
    
    style A fill:#f9f,stroke:#333
    style B fill:#ccf,stroke:#333
    style C fill:#ccf,stroke:#333
    style D fill:#9cf,stroke:#333
    style E fill:#6cf,stroke:#333
    style F fill:#3cf,stroke:#333
    style G fill:#0cf,stroke:#333
    style H fill:#0af,stroke:#333

🏆 GitHub Performance

🕸️ Contribution Graph

I am currently deep-diving into Agentic Workflows and Design Systems for AI.

• Exploring: How to design UI patterns that explain AI uncertainty and "confidence intervals" to users.
• Building: A private library of reusable React components specifically for chat interfaces and document analysis tools.
• Learning: Advanced Fine-tuning techniques for domain-specific LLMs.

I am always open to discussing product design, complex AI integrations, or full-stack architecture.