Projects

Building scalable, high-performance applications with modern web technologies.

Open source NPM package (React-Lazy-Image)

Open source NPM package (React-Lazy-Image)

A React component that lazily loads images when they appear in the viewport, improving performance, bandwidth efficiency, and user experience.

Portfolio and Blog App Next JS

Portfolio and Blog App Next JS

A full-stack portfolio and blog application built with Next.js, featuring dynamic blog creation, MongoDB integration, server-side rendering, and a modern responsive UI for showcasing projects and articles.

Event Management System

Event Management System

Developed and optimized event system, a centralized project management hub for internal communications, replacing fragmented tools like Excel and Asana with an integrated editorial workflow. Integrated Generative AI capabilities to automate content drafting, sentiment improvement, and multi-language translation, significantly reducing manual content creation time. Architected a multi-channel synchronization system to streamline campaign delivery across intranet, email, SMS, and mobile push notifications. Built a dynamic visual calendar interface to manage high-volume content pipelines, enabling real-time collaboration and progress tracking from ideation to publication.

Next-Gen Risk Management System

Next-Gen Risk Management System

RiskTKO: AI-Integrated GRC (Governance, Risk, and Compliance) Platform RiskTKO is a sophisticated SaaS solution focused on Insider Threat Management and Enterprise Risk. My work centered on transitioning manual risk audits into an automated, data-driven ecosystem. Key technical highlights include building an AI engine for gap analysis, ensuring data multi-tenancy through a multi-database architecture, and developing complex data visualizations to translate technical risk into executive-level business intelligence.

MCQ Exam Application

MCQ Exam Application

An MCQ practice app built with React and Tailwind CSS, with a responsive layout for desktop and mobile. It uses a JSON-based question bank to provide subjects and questions. Features: Subject selection - Choose subjects (e.g. Physiology) from the question bank Flexible attempt count - Choose how many questions to attempt (10, 20, 30, 50, 100, or All Questions when the bank has more than 100) Instant feedback - Correct answers highlighted in green, incorrect in red; questions lock after a correct answer Attempt tracking - Counts attempts per question before getting the correct answer Attempts breakdown - Click Total Attempts to see per-question attempts (only for questions with more than one attempt) Early submit - For quizzes with more than 10 questions, submit early from question 15 onward, with confirmation Results and scoring - Shows total questions, correct/wrong answers, total attempts, percentage score, and pass/fail (33% threshold) Progress bar - Visual progress during the quiz Responsive design - Layout works on desktop and mobile

Chat Application

Chat Application

Engineered bi-directional communication using Socket.io to facilitate real-time message delivery and live user status updates with sub-second latency. Architected a modern, accessible UI leveraging ShadCN and Tailwind CSS, ensuring a polished and mobile-responsive user experience. Developed a dynamic Profile Management system allowing users to update bios and avatars with immediate state persistence across the client and server. Implemented event-driven backend logic in Node.js to handle concurrent user connections and secure message broadcasting.

E-commerce Application

E-commerce Application

A frontend e-commerce user interface built using HTML, CSS, and JavaScript, focused on responsive design and interactive user experience. The application allows users to browse products, add items to a cart, and simulate a checkout flow. It emphasizes mobile-first layouts, smooth UI interactions, and cross-device compatibility.

Netflix clone

Netflix clone

A Netflix-inspired web application built using React and TypeScript, featuring secure user authentication with Firebase. The app integrates the TMDB API to display trending, popular, and categorized movies, and leverages the GPT-4 API to enable intelligent movie search and recommendations based on user preferences. The project focuses on responsive UI, smooth user experience, and performance-optimized frontend architecture.

Mobile Responsive Template

Mobile Responsive Template

A frontend e-commerce user interface built using HTML, CSS, and JavaScript, focused on responsive design and interactive user experience. The application allows users to browse products, add items to a cart, and simulate a checkout flow. It emphasizes mobile-first layouts, smooth UI interactions, and cross-device compatibility.