Picture of sooraj

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

project screenshot

Whatsapp Web UI Clone

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

project screenshot

Youtube UI Clone

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

project screenshot

Minesweeper

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

Weather App

A react app for visualizing weather.

Next.js

React

Javascript

Api Service Queue

A simple api queuing service for the web.

Javascript

Bun

project screenshot

Tooltip Sequence

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