Full-Stack Engineering · Agentic AI2026

Satnam's Interactive Agentic Portfolio

A live, CV-grounded portfolio platform combining conversational AI, Redis-backed analytics, inline scheduling, serverless APIs, and responsive interaction design.

ReactTanStack StartViteTailwind CSSGroq AIUpstash RedisVercel
Project summary

Impact

Live platform

CV-grounded AI, inline scheduling, and persistent engagement analytics

Hiring signal

What this proves

Frontend engineering, serverless API design, LLM orchestration, structured response handling, Redis-backed analytics, and end-to-end product delivery.

My role

Ownership

Creator and lead developer · full-stack architecture, CV-grounded retrieval, Groq integration, Upstash Redis analytics, Resend notifications, deployment, and responsive UX

Status

Live production portfolio · source available

An interactive trace is available.

The problem

What needed to change

Traditional portfolios and static CVs communicate outcomes but provide limited evidence of implementation quality. Recruiters and engineering leaders benefit from seeing live interactions, API integrations, structured project narratives, and production deployment within the portfolio itself.

My approach

How I built it

satnamsingh.in is implemented as a full-stack portfolio product. It includes Niki AI, a CV-grounded assistant with structured follow-up prompts and inline scheduling; persistent engagement analytics backed by Upstash Redis; serverless API routes; and responsive interface transitions built with Motion and Tailwind CSS.

Architecture judgment

Why this design

A functional portfolio provides direct evidence of frontend engineering, API integration, AI orchestration, state management, deployment, and production troubleshooting beyond what a static project summary can demonstrate.

Architecture

High-level system design

The complete execution path, service boundaries, data stores, security controls, validation stages, and operational telemetry.

Implementation

Key components

  • CV-grounded Niki AI chat assistant with structured JSON responses and next-question follow-ups
  • Inline schedule/booking system that emails visitor context and chat history directly to Satnam
  • Realtime analytics modal tracking unique visitors, likes, countries, and devices via Upstash Redis
  • Custom Vite dev middleware serving Vercel serverless API routes seamlessly during local development
  • Responsive dark-mode interface with motion transitions, accessible overlays, and layered visual hierarchy

Technology

Tech stack

Frontend

ReactTypeScriptTanStack StartTailwind CSSFramer Motion

AI & APIs

Groq APIVercel ServerlessResend APIUpstash Redis REST API

Interactive trace

See the workflow run

portfolio live trace · Niki AI CV-grounding & Upstash Redis telemetry

Run the trace to see the main workflow stages.