khushpreetsingh

Drag to tilt

Full-stack software engineer.

SDE II at Zyvka

Explore my work

Focus

AI products, realtime systems, and cloud infrastructure.

GitHub · Contact · Résumé ↓

Selected projects

From interface to infrastructure

EchoPass / ClassPulse

Full-stack · Audio systems2025—26Capstone

A room becomes a credential.

Open a session, verify presence, and turn a check-in into an attendance record.

Project gallery Swipe or drag01 / 06

Motion

Light → dark

Desktop

EchoPass classroom directory and attendance summaries in dark mode — 02
Classroom directory · dark
Desktop

Motion

Filter attendance

Desktop

Motion

Choose a presence check

Desktop

Updated EchoPass teacher dashboard on mobile in light mode — 05
Mobile · light
Mobile / responsive

EchoPass classroom directory on a phone in dark mode — 06
Mobile classrooms · dark
Mobile / responsive

Viewing

Light → dark

One workspace, two themes. A real light-to-dark switch keeps the dashboard in context.

What I built

Teacher and student workflows, audio and location checks, classroom analytics, and signed attendance evidence.

Behind the interface

Presence needs fresh evidence. A rotating room signal or a new location check ties verification to the current session.

Next.jsWeb AudioPostgreSQLPrismaRedisWebSockets

Visit live site View repository

Nexus Realtime Chat

Realtime · Collaboration2024—26Built

A conversation, kept in sync.

Move into a room, compose a message, and follow its delivery into the conversation.

Project gallery Swipe or drag01 / 06

Motion

Light → dark

Desktop

Nexus people directory in dark mode with fictional demo members — 02
People directory · dark
Desktop

Motion

Compose in context

Desktop

Motion

Quick navigation

Desktop

Updated Nexus conversation on mobile in light mode — 05
Mobile · light
Mobile / responsive

Nexus mobile navigation showing rooms and direct messages in dark mode — 06
Mobile navigation · dark
Mobile / responsive

Viewing

Light → dark

Switch from light to dark without leaving the conversation, recorded in the real demo workspace.

What I built

Authenticated spaces and rooms, a persistent message history, realtime events, and browser-native huddles.

Behind the interface

A persistent Node server handles authenticated Socket.IO events. WebRTC handles small group calls in the browser.

Next.jsSocket.IOWebRTCPostgreSQLPrismaAuth.js

Visit live site View repository

Vanta Movie Explorer

Product · Discovery2024—26Live

From discovery to your list.

Inspect a title, save it, and find it again in a personal collection.

Project gallery Swipe or drag01 / 06

Motion

Discover a title

Desktop

Motion

Save to My List

Desktop

Vanta movie catalog screen — 03
Movie catalog
Desktop

Profile selection

Desktop

Profile controls

Desktop

Vanta cinematic discovery home on a mobile viewport — 06
Responsive discovery
Mobile / responsive

Viewing

Discover a title

A cinematic lead and content rails give the catalogue a clear starting point.

What I built

A responsive discovery interface with title details, search, member profiles, and a persistent watchlist.

Behind the interface

TMDB supplies metadata with a curated fallback for dependable browsing. PostgreSQL stores profiles and each profile’s My List.

Next.jsReactTMDBPostgreSQLTailwind CSS

Visit live site

Developer Blog

Publishing · Full-stack2024—26Published

Less searching. More understanding.

Narrow the archive by topic, find an article, and settle into the reading view.

Project gallery Swipe or drag01 / 06

Developer blog home page — 01
Publication home
Desktop

Motion

Filter the archive

Desktop

Motion

Open an article

Desktop

Developer blog about page — 04
About the publication
Desktop

Developer blog search results for WebSocket articles — 05
Search and filters
Desktop

Developer blog home page on a mobile viewport — 06
Responsive reading
Mobile / responsive

Viewing

Publication home

The publication home introduces the latest writing with a clear reading hierarchy.

What I built

A technical publication with topic filters, search, Markdown reading views, and an independent content API.

Behind the interface

The Express content API is separate from the Next.js reader. Structured Markdown keeps publishing and presentation independent.

Next.jsExpressMongoDBMarkdownCloudflare

Visit live site View repository

Experience

Zyvka HR Tech

Building and operating AI products across interfaces, services, realtime systems, and AWS infrastructure.

Jun 2026 — Present

Software Development Engineer II

Deliver full-stack features from UI to infrastructure, building React and Next.js interfaces, Node.js and TypeScript APIs, realtime workflows, and AWS deployments; maintain them in production.

React
Next.js
TypeScript
Node.js
AWS
Realtime

May 2025 — May 2026

Software Development Engineer I

Built React and Next.js features, integrated REST APIs, and improved rendering and bundle size through profiling and code splitting. Took on selected backend and realtime work alongside AWS deployments.

React
Next.js
REST APIs
React Profiler
Node.js
AWS

Jul 2024 — Apr 2025

Software Development Engineer Intern

Modernized legacy React interfaces with shadcn/ui, integrated Stream Chat using Redux and custom hooks, and automated deployments with GitHub Actions on AWS EC2 while working with RDS.

React
shadcn/ui
Redux
Stream Chat
GitHub Actions
AWS

About the way I work

I like the whole thing — the interface people touch, the service behind it, and the infrastructure that keeps it alive.

My best work sits between product thinking and systems engineering: clear enough for a person, sturdy enough for production.

Tools I work with

React · Next.js · TypeScript · Node.js · Python · PostgreSQL · Redis · AWS

Get in touch.

Have a question or an idea to share? Send me a message.