Back to Home

Projects

A collection of professional work and personal projects showcasing my expertise in full-stack development, system design, and problem-solving.

Personal Projects

Preview of Virtual IG project showing the application interface and functionality
Personal

Virtual IG

Real-time Interview Platform

Developed a collaborative coding platform for remote technical interviews, featuring a real-time editor. Enabled live, multi-user code editing without screen sharing, improving interview experience for both interviewer and candidate.

WebSocketsYjsSlate.jsReactNext.js
Preview of Offline Detector project showing the application interface and functionality
Personal

Offline Detector

Open Source NPM Package

Built and published an open-source package to provide reliable offline/online detection in browsers, addressing inconsistencies across Chrome, Firefox, and Safari. Designed with a lightweight API and fallback strategies to ensure resilience in real-world network conditions.

TypeScriptNext.jsnpm

Professional Projects

Preview of Visual Editing Platform project showing the application interface and functionality
Professional@ Contentstack

Visual Editing Platform

Seemless Content Editing Platform

Led development of the flagship Visual Editing Platform using Module Federation, enabling secure real-time inline editing with iframe sandboxing and post-message communication, optimized with React Query.

ReactModule FederationReact QueryZustandTypeScript
Preview of JSON Rich Text Editor project showing the application interface and functionality
Professional@ Contentstack

JSON Rich Text Editor

Advanced Document Editor

Designed and developed a JSON-based Rich Text Editor with advanced features such as drag-and-drop, table support, and seamless copy-paste from Google Docs and MS Word.

ReactState.jsReact-DNDPrism.jsStorybook
Preview of AI Assistant project showing the application interface and functionality
Professional@ Contentstack

AI Assistant

OpenAI Integration

Led the first AI integration within the CMS, leveraging OpenAI APIs to enable content generation. Designed and hosted a secure backend proxy to handle API key protection, streaming responses, and ensure reliability at scale.

OpenAI APINestJSReactTypeScript