logo

Projects

A curated selection of real-world products I’ve designed, built, and shipped with a focus on performance, scalability, and user experience.
Professional Project

HexaHome – Real Estate Platform

A full-stack real estate platform for finding and listing verified properties with zero brokerage. Built to support scalability, fast search, and smooth user experience.

Summary

  • Built a production-grade real estate platform for buyers and property owners.
  • Focused on performance, scalability, and clean UI/UX.
  • Improved authentication flows, logging, and overall application stability.

Frontend

Next.js, TypeScript, Tailwind CSS, Zustand

Backend

Node.js, Express.js

Database

MongoDB

Cloud

AWS (EC2, S3)

Role

  • Built frontend features using reusable components and responsive UI
  • Developed and maintained REST APIs using Node.js and Express
  • Worked with MongoDB schemas and optimized queries for performance
  • Contributed to deployment tasks and environment configuration
  • Improved authentication flows and session handling
  • Implemented structured logging for debugging and monitoring
  • Integrated Facebook and Instagram Graph APIs

Key Features

  • JWT-based authentication and improved session handling
  • Performance-optimized APIs and frontend rendering
  • Responsive UI across mobile and desktop devices
  • Structured logging for better debugging and monitoring
  • Facebook and Instagram Graph API integration for ad publishing

Challenges & Solutions

  • Challenge: Critical CSS issue in Next.js 14 caused CSS to block initial page load and hurt performance
    Solution: Temporarily resolved using a custom postBuild script to inject missing CSS, later confirmed fixed in Next.js 15 canary
  • Challenge: Next.js 14 issue where setting cookies via Server Actions caused full app reload and state reset
    Solution: Avoided Server Actions for cookie mutation and handled cookies through API routes instead
  • Challenge: Auth edge cases and unreliable logging due to middleware limitations (always returned 200)
    Solution: Improved auth flow and built a custom Next.js server for accurate request/response logging
  • Challenge: Global state updates were causing unnecessary re-renders and UI inconsistencies
    Solution: Optimized Zustand store usage and refactored selectors

Tools

  • VS Code
  • GitHub
  • Postman
  • Jira
  • Lighthouse
  • React DevTools
  • Google PageSpeed Insights
  • Screaming Frog SEO Spider
Professional Project

NexG – Recruitment Dashboard

A full-stack recruitment platform enabling job postings, candidate applications, and recruiter/admin dashboards with a scalable backend and modern frontend architecture.

Summary

  • Built an end-to-end recruitment platform used internally by team and candidate.
  • Designed scalable frontend architecture with efficient data fetching.
  • Focused on UX for recruiters and candidates.

Frontend

Next.js, TypeScript, Tailwind CSS, Mantine UI, Material UI

Backend

Node.js, Express.js

Database

MongoDB

Cloud

Vercel

Role

  • Developed overall frontend architecture
  • Built reusable UI components using Mantine, Tailwind CSS and Material UI
  • Integrated TanStack Query for optimized API and query handling
  • Implemented authentication and protected routes
  • Collaborated with backend team on API contracts

Key Features

  • Role-based dashboards (Admin, Recruiter, Candidate)
  • Job posting and candidate application flow
  • Pagination and filtering for large datasets
  • Responsive UI for desktop and mobile
  • Optimized data fetching using TanStack Query

Challenges & Solutions

  • Challenge: Slow performance when loading large candidate lists
    Solution: Implemented pagination, caching, and optimized data fetching using TanStack Query
  • Challenge: Auto-generating assignment questions based on job descriptions was inconsistent and hard to maintain
    Solution: Refactored logic into reusable hooks and modular utilities for better reliability
  • Challenge: Complex state handling across multiple dashboard views caused bugs and re-renders
    Solution: Restructured state management and refactored into reusable hooks and cleaner component architecture

Tools

  • Git
  • Postman
  • Jira
Personal Project

AI Chatbot – Personal Assistant

An AI-powered personal assistant platform supporting real-time chat, authentication, session management, and conversation history with a clean, responsive interface.

Summary

  • Built a full-stack chatbot application with real-time interactions.
  • Implemented authentication and session persistence.
  • Designed clean conversational UI inspired by modern AI tools.

Frontend

Next.js, React, Tailwind CSS

Backend

Node.js, Express.js

Database

MongoDB

Cloud

Vercel

Role

  • Designed UI/UX for conversational experience
  • Built authentication system using JWT
  • Developed backend APIs for chat and session storage
  • Implemented WebSocket-based real-time messaging

Key Features

  • JWT-based user authentication
  • Real-time chat with persistent sessions
  • Conversation history stored per user
  • Responsive UI across devices

Challenges & Solutions

  • Challenge: Minor edge cases in authentication flows during testing
    Solution: Refined JWT handling and improved validation logic
  • Challenge: Some endpoints lacked consistent error handling initially
    Solution: Improved response structure and added proper status handling

Tools

  • GitHub Desktop
  • Postman
  • Google Gemini
Personal Project

Picture Book – Social Media Platform

A full-stack social media platform focused on professional-style content sharing, featuring feed-based content, user profiles, authentication, and interactive post engagement.

Summary

  • Built a functional social media platform with real-world app architecture.
  • Implemented authentication, protected routes, and user session management.
  • Designed scalable feed and interaction system.

Frontend

React, Material UI, Redux

Backend

Node.js, Express.js

Database

MongoDB

Role

  • Designed overall application architecture
  • Built reusable UI components using Material UI
  • Implemented Redux for global state management
  • Developed REST APIs using Node.js and Express
  • Designed MongoDB schemas for users and posts
  • Implemented JWT authentication and protected routes

Key Features

  • User authentication and authorization with JWT
  • Feed-based post system with create, like, and delete actions
  • User profiles with personal posts and details
  • Protected routes and session persistence
  • Responsive layout across devices

Challenges & Solutions

  • Challenge: Managing complex state across feed, auth, and user profile
    Solution: Introduced Redux store with structured slices for predictable state flow
  • Challenge: Securing API routes from unauthorized access
    Solution: Implemented middleware-based JWT validation
  • Challenge: Feed performance issues as posts increased
    Solution: Optimized API responses and reduced unnecessary client-side re-renders

Tools

  • Git
  • Postman
Personal Project

College ERP System

A college ERP system to manage academic workflows including authentication, profile management, assignments, scheduling, and productivity tools like calendar and to-do lists.

Summary

  • Built a functional ERP-style system simulating real academic workflows.
  • Focused on backend logic, authentication, and CRUD-heavy architecture.
  • Strengthened understanding of session flows and access control.

Frontend

HTML, CSS, jQuery

Backend

Node.js, Express.js

Database

MongoDB

Role

  • Designed backend routes and controllers
  • Implemented JWT-based authentication
  • Built profile, assignment, and test modules
  • Handled MongoDB schema design
  • Created frontend views using jQuery

Key Features

  • User authentication with JWT
  • Student profile view/edit
  • Assignment and test management
  • Calendar and to-do system
  • Secure access to protected routes

Challenges & Solutions

  • Challenge: Managing multiple modules with clean structure
    Solution: Separated concerns into controllers, routes, and models
  • Challenge: Maintaining session state securely
    Solution: Used JWT-based stateless authentication

Tools

  • Git
Personal Project

Snake Game – Python Arcade Game

A classic Snake game built using Python and Pygame demonstrating real-time game loop, collision detection, scoring logic, and keyboard event handling.

Summary

  • Built a fully functional arcade-style Snake game from scratch.
  • Strengthened understanding of game loops and event-driven programming.
  • Practiced structured Python development.

Frontend

Pygame

Backend

Python

Role

  • Designed game mechanics and logic
  • Implemented collision detection system
  • Handled keyboard controls and game loop
  • Built scoring and game-over logic

Key Features

  • Real-time snake movement
  • Collision detection with walls and self
  • Score tracking system
  • Restartable game loop

Challenges & Solutions

  • Challenge: Managing smooth movement and frame updates
    Solution: Used controlled clock speed and optimized update loop
  • Challenge: Handling multiple game states cleanly
    Solution: Structured game flow into start, play, and game-over states

Tools

  • VS Code