Projects

A collection of projects I've worked on, showcasing my skills in full-stack development, UI/UX design, and modern web technologies.

Real-Time WebRTC VLM Object Detection screenshot

Real-Time WebRTC VLM Object Detection

A web-based application that performs real-time multi-object detection on live video streams from phones via WebRTC, with Vision Language Model (VLM) integration and overlay functionality.

ReactViteFlaskSocketIOWebRTCYOLOONNX RuntimeDockerPythonaiortcOpenCVNumPy

Key Features:

  • Real-time object detection with bounding box overlays on live video streams
  • WebRTC streaming for direct phone-to-browser video transmission
  • Dual processing modes: WASM (client-side) and Server (server-side) inference
  • Performance metrics dashboard with real-time latency and FPS monitoring
  • Cross-platform compatibility for desktop and mobile browsers
  • One-command Docker deployment with Docker Compose
  • ngrok integration for external phone access via QR code
  • Comprehensive benchmarking tools for performance analysis
  • RESTful API with WebSocket support for real-time communication
TakeAllNotes screenshot

TakeAllNotes

A modern, responsive note-taking application featuring dual authentication methods (email/OTP and Google OAuth) with complete CRUD operations for personal note management.

React 19Tailwind CSSshadcn/uiReact RouterAxiosLucide React@react-oauth/googleNode.jsExpress.jsMongoDBMongooseJWTbcryptjsnodemailergoogle-auth-libraryexpress-validator

Key Features:

  • Dual authentication system with email/OTP and Google OAuth integration
  • Complete CRUD operations for notes with user-specific isolation
  • Real-time note management with create, read, update, and delete functionality
  • OTP resend functionality with email verification
  • JWT-based authorization with secure token management
  • Responsive design matching Figma specifications with blue wave background
  • Mobile-friendly interface with smooth transitions
  • Input validation and comprehensive error handling
  • Archive and pin functionality for note organization
StayFinder screenshot

StayFinder

A full-stack Airbnb clone for property listings, bookings, and host/guest management, built with modern web technologies.

React 18Tailwind CSSReact QueryReact Hook FormYupNode.jsExpressMongoDBJWTbcryptjsMulterCORSHelmetMorganCompressionDockerVite

Key Features:

  • User authentication with registration and profile management
  • Advanced search filters for listings (location, price, amenities, etc.)
  • Full booking system with real-time date selection
  • Host dashboard to manage listings, bookings, and earnings
  • Stripe-ready payment flow integration
URL Shortener Microservice screenshot

URL Shortener Microservice

A full-stack URL shortener application with analytics capabilities, custom logging middleware, and GeoIP location tracking. Features a modern React frontend and robust Express backend.

React 18ViteNode.jsExpress.jsMongoDBMongooseshortidgeoip-litevalid-urlaxioscorsdotenv

Key Features:

  • URL shortening with custom or auto-generated codes
  • Analytics tracking with clicks, locations, and referrers
  • GeoIP location detection for click analytics
  • Custom reusable logging middleware for both frontend and backend
  • URL validity period configuration
  • Modern dark theme UI with responsive design
  • Comprehensive error handling and user feedback
ADmyBRAND AI Suite screenshot

ADmyBRAND AI Suite

A stunning, modern SaaS landing page built with Next.js 14, featuring cutting-edge design trends including glassmorphism, smooth animations, and responsive design with a comprehensive component library.

Next.js 14TypeScriptTailwind CSSFramer MotionLucide ReactInter Font

Key Features:

  • Modern glassmorphism effects with backdrop blur and transparency
  • Comprehensive landing page with hero, features, pricing, testimonials, FAQ, and contact sections
  • Interactive pricing calculator with real-time updates
  • Reusable component library including buttons, cards, modals, inputs, and tooltips
  • Smooth Framer Motion animations and micro-interactions
  • 2025 design trends with modern typography and visual hierarchy
  • Fully responsive design with mobile-first approach
  • Dark theme with purple/blue gradient accents
  • SEO optimization with complete meta tags and Open Graph data
Data Visualization Dashboard screenshot

Data Visualization Dashboard

A comprehensive data visualization dashboard built with Next.js, MongoDB, and D3.js for interactive analytics and insights from global data with advanced filtering capabilities.

Next.js 15ReactTypeScriptD3.jsMongoDBTailwind CSSNext.js API Routes

Key Features:

  • Interactive D3.js charts including bar, pie, area, and line charts
  • Advanced filtering by end year, topics, sector, region, PESTLE, source, SWOT, country, and city
  • Real-time chart updates based on selected filters
  • Key metrics display with total records, average intensity, likelihood, and relevance
  • Responsive design with modern UI built using Tailwind CSS
  • RESTful API endpoints for data retrieval and filter options
  • MongoDB integration with efficient data processing utilities
Comments Table screenshot

Comments Table

A modern, responsive React application with dark-themed UI for displaying and managing comments data. Features in-place editing, search functionality, and smooth animations.

React 18ViteTailwind CSSshadcn/uiLucide ReactJavaScript

Key Features:

  • Paginated comments table with clean, modern design
  • In-place editing for Name and Body fields with persistent storage
  • Real-time search functionality across Name, Body, and Email fields
  • Dark/light theme toggle with smooth transitions
  • API integration with JSONPlaceholder for comments and posts data
  • Responsive design with glass effects and smooth corners
  • Optimized re-rendering and performance features
ValoHub screenshot

ValoHub

A full-stack platform showcasing Valorant skins and accounts, where users can explore available options and contact the owner directly for more information.

JavaScriptHTML/CSSMongoDBReactNode.jsExpressGit

Key Features:

  • Developed a full-stack platform showcasing Valorant skins and accounts
  • Implemented an admin dashboard allowing secure access for administrators to log in and update site content
Netflix-GPT screenshot

Netflix-GPT

An intelligent movie recommendation platform that generates personalized movie suggestions based on user-provided prompts, using GPT-powered analysis to tailor recommendations.

ReactReduxFirebaseTailwind CSS

Key Features:

  • Developed an intelligent movie recommendation platform
  • Enabled OpenAI API key input for users, empowering them to input unique prompts and receive tailored movie recommendations
BauAI Item Manager screenshot

BauAI Item Manager

A full-stack Next.js application for managing items with user authentication, role-based access control, and an admin registration console.

Next.js 15 (App Router)Tailwind CSSRadix UIPostgreSQLPrisma ORMNextAuth.jsbcryptjs

Key Features:

  • Public item viewing for all users
  • User authentication with credential-based login
  • Logged-in users can create and delete their own items
  • Admin dashboard to register new users with email/password
  • Role-based access control and secure password hashing with bcryptjs
Courses Management System screenshot

Courses Management System

A full-stack web app for managing academic courses and instances. React frontend with Tailwind, and Spring Boot backend with PostgreSQL.

React 18Tailwind CSSshadcn/uiLucide IconsAxiosReact Router DOMViteSpring BootJava 17PostgreSQLHibernateMaven

Key Features:

  • CRUD for courses and course instances
  • Prerequisites and dependency validation
  • Responsive UI with real-time form validation
  • REST API backend with structured error handling
public chat app screenshot

public chat app

Real-time chat app with message editing, deletion, and Socket.IO-based WebSocket functionality. React frontend and Node.js backend.

ReactViteTailwind CSSshadcn/uiLucide ReactSocket.IONode.jsExpress.jsMongoDB

Key Features:

  • Real-time messaging with WebSocket
  • Edit, delete, and timestamp messages
  • Responsive modern UI with status indicators
  • In-memory and MongoDB support
GitFinder screenshot

GitFinder

A dynamic GitHub user details interface utilizing the GitHub API, responsive design principles, and ReactJS.

React.jsJavaScriptCSS3REST API

Key Features:

  • Created a dynamic GitHub user details interface utilizing the GitHub API
  • Enhanced proficiency in React and developed strong skills in DOM manipulation and API integration
MovieApp screenshot

MovieApp

A web app that fetches and displays movies using an API. Users can explore and search movies in a responsive UI.

ReactAPI IntegrationCSSHTML

Key Features:

  • Integrated third-party movie API
  • Dynamic movie search and listing interface
Obys Clone screenshot

Obys Clone

A pixel-perfect clone of the Obys Agency website using modern web design principles.

HTMLTailwind CSSJavaScriptGSAP

Key Features:

  • Smooth animations using GSAP
  • Mobile responsive and aesthetically matched to the original site
Refokus Clone screenshot

Refokus Clone

A visually stunning clone of Refokus agency's website built with advanced animations and smooth transitions.

ReactFramer MotionTailwind CSS

Key Features:

  • Custom scroll animations
  • Highly aesthetic layout and interactive UI
Simple Calendar screenshot

Simple Calendar

A basic calendar application allowing users to add, remove, and view events with intuitive date navigation.

nextjsJavaScriptCSS

Key Features:

  • Event creation, editing and deletion
  • Monthly, weekly and daily views
ChatApp screenshot

ChatApp

A real-time chat application with WebSocket implementation using Socket.IO, featuring authentication and private messaging.

HTMLCSSJavaScript

Key Features:

  • Implemented file upload feature in chat with emoji support
  • Added smooth chatting flow with clean user interface
ChatApp 2.0 screenshot

ChatApp 2.0

An upgraded chat platform with group chat support, better UI/UX, and notification features.

HTMLCSSJavaScript

Key Features:

  • Implemented predefined responses for quick replies
  • Integrated the sent, delivered, read feature
Coupon Frontend screenshot

Coupon Frontend

Frontend interface for a coupon management system where users can redeem and browse coupon codes.

ReactJavaScriptHTMLCSS

Key Features:

  • Modern, responsive frontend design
  • User-friendly coupon browsing and redemption interface
Portfolio Website screenshot

Portfolio Website

A personal portfolio site to showcase projects, skills, and contact information.

ReactJavaScriptCSSEmailJS

Key Features:

  • Includes contact form, project showcases
  • Mobile responsive and SEO optimized
EmptyCup Designer Listings screenshot

EmptyCup Designer Listings

A mobile-friendly web platform for EmptyCup to showcase and shortlist interior designers, integrated with a Flask backend and MongoDB database.

HTMLCSSJavaScriptFlaskMongoDBDocker

Key Features:

  • Responsive mobile design based on Figma specs
  • Toggle shortlist feature with filtering capability
  • Flask-based API for retrieving and updating designer data
  • MongoDB integration for persistent storage
  • Automatic DB seeding on first run using designers.json
  • Containerized deployment setup using Docker and Docker Compose

Interested in collaborating?

I'm always open to discussing new projects, creative ideas, or opportunities to be part of your visions.

Get in touch