My Projects

Content List
Content List

Aug 2026

A personal media tracker for organising anime, movies, games, and books. Built with hardcoded data for simplicity, featuring unique themes for each category and ratings sourced from popular platforms.

Source Code

Typescript

Next.js

Tailwind

Waves Reimagined

Originally built as a course project in 2024 while learning React, later rebuilt as a full-stack application featuring music uploads, playlists, social interactions, following, and notifications.

This project took me 2 months to make since it was my first full-stack and backend project.

Typescript

Next.js

Tailwind

useParallax hook

Built a lightweight, reusable useParallax hook to implement parallax without external libraries. Easy to integrate, but works only with React/Next.js.

Uses HTML data attributes and an AbortController to efficiently manage scroll events based on visibility.

Source Code

Typescript

React

Foodie Crush
Foodie Crush

November 2024

Foodie Crush is a food-focused web app built while exploring React, marking an early project focused on creating an engaging food discovery experience.

Source Code

Javascript

React

SCSS

Breeze Aura
Breeze Aura

November 2024

Breeze Aura is a weather app built shortly after I began learning React, marking one of my earliest hands-on projects with the framework.

Different theme based on what time of day it is.

Source Code

Javascript

React

SCSS

Ignite
Ignite

October 2024

A clone of a gaming application I built during a React course, with added features and improvements beyond the original.

Implemented dark mode from scratch without relying on external libraries or tutorials.

Source Code

Javascript

React

SCSS

Motion

Jotai

Capture Portfolio
Capture Portfolio

October 2024

A modern photography portfolio showcasing captivating visuals with elegant layouts, smooth Framer Motion animations, and immersive transitions that bring each photograph to life.

Source Code

Javascript

React

SCSS

Waves
Waves

October 2024

A clone of a music application I built during a React course, with added features and improvements beyond the original.

Each song has a custom shadow color manually selected to match its cover art.

Source Code

Javascript

React

SCSS

Text Shadow
Text Shadow

August 2024

A JS30-inspired experiment where text shadows react to mouse movement.

Mouse acts as a light source—text shadow softens or sharpens based on cursor distance.

HTML

CSS

Javascript

Calculator
Calculator

July 2024

My very first personal project after learning Javascript.

Built after completing my course, though my JavaScript concepts were still unclear at the time.

HTML

CSS

Javascript

Photon
Photon

July 2024

A photo gallery website that integrates the Pexels API to fetch and display high-quality images.

HTML

CSS

Javascript

Days.
Days.

July 2024

An animation-focused portfolio website showcasing creative visual work through smooth GSAP-powered animations, immersive transitions, and an engaging interactive design.

HTML

CSS

Javascript

Beatmaker
Beatmaker

July 2024

A simple beatmaking website that lets users create rhythmic patterns using kick, snare, hi-hat, tom, percussion, and other sounds.

HTML

CSS

Javascript

Uber Eats
Uber Eats

June 2024

A UI clone of Uber Eats built during my early CSS practice to strengthen layout and design fundamentals.

HTML

CSS

Upwork Clone
Upwork Clone

June 2024

A UI clone of Upwork built during my early CSS practice to strengthen layout and design fundamentals.

HTML

CSS