Good Afternoon

Habitey

Built to simplify live and async communication, Habitey integrates Stream Chat for messaging, WebRTC for voice/video calls, and Inngest-driven serverless workflows for background tasks. The frontend is a fast React + Vite app and the backend is a Node.js/Express server deployed on Vercel, persisting users and state in MongoDB to provide a snappy, secure collaboration experience.

TYPE

Web App

ROLE

Full-stack Developer

BUILT

Jun 2025

UPDATED

Jun 2025

VISITLive link

SOURCEGitHub

TECH STACK

Express

GetStream Chat SDK Inngest

Inngest

Mongoose

WebRTC

Axios

CSS

JavaScript React

React

Node.js

MongoDB

Vercel

Vite

Clerk

Why I Built This

I wanted a focused, low-noise chat experience tailored to communities and small teams — one that supports both quick async conversations and on-demand calls without the overhead of large platforms.

Architecture

Frontend: a Vite-powered React app with component-driven UI and a custom `useStreamChat` hook to manage real-time state. Backend: Node.js/Express server deployed on Vercel handling auth, channel orchestration, and webhooks. Real-time messaging is powered by GetStream; calling uses WebRTC; background jobs and event flows are handled by Inngest; MongoDB stores users and app state.

Key Features

Channel creation and discovery, pinned messages, members modal, secure JWT auth middleware, client-side optimistic updates for smooth UX, and on-demand voice/video calls with presence indicators.

What I Learned

Designing resilient realtime UX requires careful state synchronization and optimistic updates. Deploying a low-latency chat on serverless hosting taught me to balance edge-friendly endpoints with background workers (Inngest) and to optimize connection patterns for WebRTC and third-party realtime providers.

PreviousPortfolio V2.0 NextSkart

Available for new opportunities

LET'S MAKE
IT HAPPEN

I thrive on crafting dynamic web applications and seamless user experiences. Let's turn your vision into reality.

Start a project

Habitey

Why I Built This

Architecture

Key Features

What I Learned

LET'S MAKE IT HAPPEN

Habitey

Why I Built This

Architecture

Key Features

What I Learned

LET'S MAKE
IT HAPPEN