All Projects
A comprehensive log of systems, pipelines, and architectures I've designed and shipped across various domains.
RepoInsight
Reviewing complex or undocumented repositories is time-consuming. RepoInsight automates the architectural discovery phase for developers and recruiters.
Full-stack Serverless architecture using Next.js 15 (App Router). Integrates securely with Octokit for GitHub data and Google GenAI for deep code analysis.
Inherently scalable serverless design. Future-proofed by planned Redis caching to memoize API payloads and reduce token consumption costs.
Streams AI-generated markdown responses for near-instant TTFB. Offloads heavy computational tasks to optimized server components.
AI-Enhanced Pomodoro Tracker
Standard timers lack intelligent insights and task prioritization. I needed a tool that maintains focus across devices while providing AI-powered granularity for complex goals.
Full-stack monolithic architecture where an Express backend (TypeScript) serves the React frontend and manages real-time WebSocket state via Socket.io.
Current single-node design handles concurrent state via in-memory WebSocket management. Future scaling involves Redis Pub/Sub for distributed state across multiple instances.
Highly reactive UI powered by Zustand and Framer Motion. Backend orchestrates non-blocking Gemini API requests to ensure zero-latency session cycles.
TrendPulse
Manually monitoring trends is time-consuming. Users require an automated solution that ingest large data streams and translates them into actionable visual insights.
Monolithic Next.js 16 (App Router) with a custom Node.js entry point to bypass serverless constraints for long-running cron tasks. Integrated with Google Gemini AI and MongoDB Atlas.
Uses a stateful Node.js environment to maintain cron job consistency. Designed for single-instance or distributed lock-based (Redis) deployment to avoid job duplication.
Optimized with PWA caching, debounced API queries, and Cloudinary media optimization. Features reactive Markdown rendering for AI-generated text responses.
Management System
I required an internal management system to efficiently handle multiple projects across different clients, manage team members and their allocations, and track financial metrics.
Full-stack MERN architecture with NestJS backend, React frontend with TypeScript, MongoDB database, and real-time WebSocket communication via Socket.io.
Modular NestJS architecture with separate feature modules (Projects, Clients, Users, Tasks, Reports, etc.), horizontal scaling ready with stateless API design.
Optimized React components with Redux state management, lazy loading for list views with pagination, and real-time updates through WebSocket to prevent unnecessary polling.
Multilingual News Platform & CMS
Global news platforms require high-performance, SEO-optimized delivery across languages while providing editorial teams with powerful rich-media management tools.
Next.js application utilizing the App Router and a custom Node.js server. Backed by MongoDB (Mongoose) and Cloudinary for CDN-based media delivery.
Offloads media storage to Cloudinary and uses a custom Node.js server for cluster-mode flexibility. MongoDB Atlas provides managed database scaling.
Optimized via React Compiler, Tailwind CSS v4, and SSG. Localized routing ensures instant global article delivery.
Local Network File Sharing Application
Transferring files between local devices often requires slow cloud services or manual USB drives. I needed a bandwidth-independent, high-speed local solution.
Client-Server architecture with a React SPA frontend and an Express REST API. Utilizes Multer for handling multipart file uploads directly to the host machine's filesystem.
Optimized for personal and small office LAN environments. Scalable by disk I/O and network bandwidth, bypasses external cloud size limits and latency.
Achieves maximum local network speeds (Gigabit/Wi-Fi 6) by eliminating internet round-trips. Frontend optimized via Vite for sub-second loading.
Portfolio Website
I required a unified digital presence to showcase AI expertise, manage a global project portfolio, and handle complex recruitment workflows across diverse technical departments.
Full-stack Next.js 16 (Turbopack) with React 19. Built using a modular App Router architecture, Drizzle ORM for type-safe PostgreSQL interactions, and Google Gemini AI for contextual user engagement.
Elastic SSR architecture with normalized database schemas and JSONB-based polymorphism, designed to support rapid feature expansion and high-traffic agency growth.
Sub-second initial loads via advanced code-splitting, Framer Motion for 60fps animations, and Three.js/Fiber for hardware-accelerated 3D visualizations.
Management System
I required an internal management system to efficiently handle multiple projects across different clients, manage team members and their allocations, and track financial metrics.
Full-stack MERN architecture with NestJS backend, React frontend with TypeScript, MongoDB database, and real-time WebSocket communication via Socket.io.
Modular NestJS architecture with separate feature modules (Projects, Clients, Users, Tasks, Reports, etc.), horizontal scaling ready with stateless API design.
Optimized React components with Redux state management, lazy loading for list views with pagination, and real-time updates through WebSocket to prevent unnecessary polling.
Property Tax Management System
Municipalities and local governments often struggle with manual property tracking, lack of spatial awareness for land boundaries, inefficient billing processes, and disconnected payment systems, which lead to low tax collection rates and poor transparency.
A modern Client-Server architecture utilizing a React SPA built with Vite and TypeScript on the frontend, and a Node.js/Express REST API on the backend. The system stores spatial and structured data in MongoDB, uses PM2 for backend process management, and leverages cron jobs for background processing.
The stateless Node.js backend can be horizontally scaled using PM2 cluster mode. Heavy frontend assets are optimized via SWC and Vite for fast CDN delivery. The MongoDB database can easily transition to a sharded cluster or replica set to accommodate growing municipal property records.
Optimized UI rendering through React 19 and TanStack Query for efficient data fetching and caching. The backend utilizes Zod for rapid schema validation and argon2 for secure, efficient password hashing, ensuring low-latency API responses.
B2B Enterprise Portal
B2B transactions often suffer from fragmented communication and sluggish data fetching across massive catalogs. I required a solution with resilient offline capabilities and complex document handling.
Decoupled Client-Server architecture using Next.js with React Server Components and a RESTful Node.js API. Implements a hybrid state architecture using Redux Toolkit and React Query.
Allocates expanded V8 heap limits to process heavy data payloads and concurrent multipart uploads without memory exhaustion. Future-ready for Kubernetes auto-scaling.
Optimized through multi-layered caching: IndexedDB for client persistence, React Query for server-state sync, and Node-Cache for backend memory retrieval.
MLM Media Platform
Managing multi-level networking hierarchies while concurrently processing heavy media files required a stable system that prevents main-thread blocking and delivers high-performance streaming.
Decoupled client-server architecture utilizing a React/Vite SPA and an Express/Node.js REST API. Integrates Socket.io for real-time updates and FFmpeg for server-side video processing.
Media storage is offloaded to S3 and Cloudinary, allowing stateless horizontal scaling. OpenTelemetry provides deep observability for identifying and scaling bottleneck components.
Frontend optimized via Vite and React Query caching. Backend relies on asynchronous streaming for media uploads and optimized MongoDB Atlas queries.
Movie Streaming Platform
Delivering high-quality video content requires complex media processing and adaptive streaming to prevent buffering across varying network conditions.
Decoupled architecture with Next.js 15 for the presentation layer and a RESTful Express.js API. Orchestrates video encoding via FFmpeg and uses HLS for delivery.
Media storage is managed via AWS S3, ensuring infinite scalability. The stateless backend is ready for horizontal scaling, with HLS ensuring optimal delivery to end-users.
Next.js Turbopack for fast builds and HLS.js for optimized playback. Uses AWS S3 presigned URLs for direct client-to-cloud secure media delivery.
Car Service Center Management Platform
Auto service centers struggle with manual scheduling and disjointed communication, leading to operational inefficiencies.
Client-Server architecture with a React (Vite) frontend and Express.js REST API. Uses Firebase for secure identity management and Mongoose for MongoDB data interactions.
Stateless API design for horizontal scaling on Vercel, with MongoDB Atlas providing managed database scaling and Vite for global CDN delivery.
Optimized with Vite and SWC for fast reloading, and lightweight Express routing combined with Mongoose query optimizations.