JavaScript | TypeScript | python | React | TanStack | PostgreSQL | NodeJS | Express | Redis | RabbitMQ | Elasticsearch | Git

Docker | Kubernetes | ArgoCD | CI/CD | AWS | Cloudflare | ELK Stack | Sockets

OOP | Git | Microservices | Frontend | Backend | Full-Stack

Here are some of my recent projects:

• ycportfolio.com | Link

  • Built a Chrome extension that turns YC applications into permanent, shareable portfolios with tracked engagement.

  • Backend on Cloudflare Workers + D1/R2, with cryptographic URL signing for controlled sharing and rate-limited, error-handled request handling.

  • Built a dynamic tracking system that injects JavaScript at runtime to track recruiter engagement across YC application sections, sending real-time viewing data for analysis

  • Real-time engagement tracking via intersection observers + visibility APIs, breaking down time spent per section to surface weak points.

  • Bypassed Chrome’s cross-origin constraints with strategic extraction + sanitization, ensuring seamless content persistence.

  • Self-serve publishing + analytics dashboard, giving founders full control over archiving, tracking, and optimizing their YC apps.

• Hostify – Self-Hosted Frontend Deployment | Link

  • Built a lightweight, containerized deployment system for frontend projects, automating repo cloning, building with Bun, and deploying to S3-compatible storage.

  • Designed a service-based architecture with an API server (Express), build service (Bun), Redis for tracking, and RabbitMQ for job queuing.

  • Automated deployment pipeline: repo submission → cloning → building → uploading to S3 → generating a public URL.

  • Optimized for self-hosting, avoiding vendor lock-in while maintaining simplicity with Docker + Docker Compose.

  • Built monitoring tools: Redis for real-time status tracking, RabbitMQ UI for queue inspection, and logs for debugging.

• HomeLab /Self Hosting | Link

  • Converted an old ASUS laptop into a remote server, configuring static internal IPs, SSH key-based authentication, and UFW firewall rules for secure access.

  • Built a custom Dynamic DNS system using Node.js + DigitalOcean API, automating DNS updates for a changing external IP.

  • Engineered a dynamic IP management solution with a jump host architecture, ensuring firewall whitelists remain updated via a closed-loop system.

  • Self-hosted key services (WireGuard VPN, Emby, Immich) using Docker + persistent volumes, optimizing for remote access and data retention.

  • Implemented full-stack monitoring with ELK (Elasticsearch, Logstash, Kibana), tracking system metrics, container health, network traffic, and security events.

• Interactive Water Balancing Simulation | Link

  • Built a real-time water simulation in React, using useState + useEffect to manage dynamic water distribution across multiple containers.

  • Designed an interactive UI with smooth animations and visual feedback, allowing users to fill, empty, and auto-balance water levels.

  • Implemented interval-based state updates to handle concurrent water flow calculations while ensuring seamless, reactive behavior.

• Spring Mechanics Simulation | Link

  • Built a real-time sine wave visualization in React using useState, useEffect, and useRef for precise state management.

  • Implemented HTML5 Canvas rendering for smooth, dynamic wave animations with advanced DOM manipulation.

  • Designed a physics-based spring oscillation system with drag-and-drop functionality, allowing real-time recalculations of wave properties.

• CrowRedis (in-memory Data store) | Blog-1 | Blog-2

  • A simple in-memory datastore like Redis to learn how it works internally and how databases are built.

  • Custom Client for the server to communicate via sockets.

  • Basic Operations(Set GET DEL), Data Persistence(snapshots, AOF) , Data Replication , TTL etc.

• Kanban Board | Blog | Link

  • Draggable items: Users can drag elements with the class task.

  • Droppable areas: These are defined by elements with the class swim-lane.

  • Visual feedback: When an item is being dragged, it receives visual feedback by adding the class is-dragging.

  • Dynamic positioning: When dropping an item, it is placed above the nearest item in the drop area.

• Tic Tac Toe | Link

  • Interactive gameplay: Players can click on the grid to place their marks (X or 0).

  • State management: Utilizes React's useState hook to manage the game state and turn logic.

  • Winner detection: Implements functions to check rows, columns, and diagonals for a winner.

  • Visual feedback: Provides real-time updates on the game board with alerts for the winner.

• Precision Video Editor | Link

  • Video control: Users can play, pause, and seek through a video with a custom slider.

  • Clip creation: Allows setting start and end times for video clips.

  • Precision adjustment: Offers precise control over video playback time in seconds.

  • Real-time updates: Displays current video time and updates as the video plays.

  • Metadata handling: Loads and displays video metadata, such as duration, when the video is loaded.

• Custom Pagination | Link

  Implementation of how pagination works.

• maCrow( A macro Recorder) | Blog

  • A clean macro recorder to record your keyboard and mouse inputs , save them and replay whenever you want.

  • Record: Capture mouse movements, left or right clicks, scrolls , hold & drag , double clicks, and keyboard inputs with multiple key press combo(hotkeys).

  • Replay: Replay recorded actions to simulate mouse and keyboard behavior.

• Social Media Forum

  • Developed a social media CRUD application using the MERN stack

  • The single-page application includes user walls, profiles, and sign-up/login pages , retrieving data from a NodeJS back-end server

  • Used Redux for state management with authentication using JWT Tokens and Data stored in Mongo DB database

React Challenges

Problem Name	Question Link	Solution Link	Tags / difficulty
Water Balancer	https://sadanandpai.github.io/frontend-mini-challenges/react/#/water-balancer	https://codesandbox.io/p/sandbox/water-balancer-67wpsz	Hard
Connect Four	https://frontendeval.com/questions/connect-four	https://codesandbox.io/p/sandbox/connect-four-blocks-kldtq7	Medium
Wall Clock	https://frontendeval.com/questions/analog-clock	https://codesandbox.io/p/sandbox/wall-clock-using-canvas-5hmkz5	Medium
Snake Game	https://frontendeval.com/questions/snake	https://codesandbox.io/p/sandbox/snakegame-87zx5v	Hard
Selectable Grid	https://frontendeval.com/questions/selectable-grid	https://codesandbox.io/p/sandbox/selectable-grid-2skvn9	Hard
Memory-Game	https://frontendeval.com/questions/memory-game	https://codesandbox.io/p/sandbox/guessthenumber-2-chances-game-hmgmyd	Medium
Undoable Counter	https://frontendeval.com/questions/undoable-counter	https://codesandbox.io/p/sandbox/inc-dec-counterusingstack-fl8kjv	Easy
OPT	https://frontendeval.com/questions/code-input	https://codesandbox.io/p/sandbox/otp-with-pate-option-sx25tp	Easy
15 Puzzle	https://sadanandpai.github.io/frontend-mini-challenges/react/#/15puzzle	https://codesandbox.io/p/sandbox/grid-cell-roll-to-sort-rows-v6hks8	Medium
Untitled