
Hey, I'm Sooraj Sivadasan Nair!
I've been pushing pixels and breaking browsers for 6 years now.
Likes to make divs look pretty and buttons feel important.
Writes Javascript, but spends half the time debugging CSS.
Knows that "responsive" doesn't always mean "co-operative".
Still waiting for the day when browsers finally agree on everything.
Projects

A fully responsive and visually accurate clone of WhatsApp Web, built using React, TypeScript, Next.js, Tailwind CSS, and Framer Motion.The UI mimics the original down to the smallest detail, including message bubbles, chat sidebar, emoji picker, and dynamic typing indicators. All data is fetched from mock APIs, with no hardcoded content — making it easy to integrate with real-time backends like Firebase or Supabase. Smooth animations and state transitions powered by Framer Motion enhance the user experience. This project showcases modern UI architecture, component-based design, and real-world frontend skills.
Next.js
React
Typescript
Tailwind
Framer Motion

A visually polished YouTube UI clone built using React, TypeScript, Next.js, Tailwind CSS, and Framer Motion. The design replicates the core layout and feel of YouTube, including the sidebar, video player page, channel details, comments, and responsive grid of thumbnails. All video data, channel info, and comments are dynamically rendered using mocked APIs, making it backend-ready. Smooth animations and transitions elevate the user experience and make navigation fluid. Built with a mobile-first approach and fully responsive design to match real-world standards.
Next.js
React
Typescript
Tailwind
Framer Motion

A complete implementation of the classic Minesweeper game, built from scratch using Lua and the LÖVE2D game framework. The game features a fully interactive grid with randomly generated mines, real-time cell uncovering, flag placement, and win/loss detection logic. The core mechanics are carefully designed to replicate the original game behavior, including flood fill for empty cells and accurate mine counter updates.
Love 2D
Lua

Tooltip-sequence is a lightweight JavaScript library designed to create guided walkthroughs using sequential tooltips. It enables developers to highlight features or elements on a webpage, providing users with contextual information step-by-step. The tool is easy to integrate, responsive across devices, and requires no external dependencies. Ideal for enhancing user onboarding and feature discovery in web applications.
Javascript
Blogs & Articles
🎬 I Built a YouTube Clone
May, 2025
Queuing Rest Apis using JavaScript
Apr, 2023
Space Physics
May, 2021
Simple Javascript Modules - Local Storage Module
Jun, 2021
Web-App using HTML, JS & Firebase - Part 2
Nov, 2020
Web-App using HTML, JS & Firebase - Part 1
Oct, 2020
Make it Rain 🌧 in HTML Canvas
Sep, 2020
Asynchronous data fetching using ReactQuery - Part 1 (Queries)
Sep, 2020
Build a "Pluggable" Widget for your Webapp
Sep, 2020
Using Webpack with React Typescript
Aug, 2020
Web Animation with GSAP
Aug, 2020
Javascript to Typescript
Jun, 2020
Getting started with Svelte JS
Sep, 2019
Finite State Machines in React.JS using xstate
Aug, 2019
How to create a Simple Physics Engine - Part 2
Jul, 2019
How to create a Simple Physics Engine - Part 1
May, 2019