Portfolio

This portfolio is the site you are currently viewing — a personal developer portfolio built to showcase projects, skills, and experience through a polished, terminal-inspired interface.

Each project card is wrapped in a custom Terminal component that plays a sequenced animation: the project title appears as ASCII art, followed by a typed-out shell command, and finally the project description with a blinking cursor. The interactive 3D globe in the hero section is built with COBE and can be freely dragged around with smooth, spring-based physics. Navigating from a project card to its detail page uses View Transitions to seamlessly morph the terminal window between routes.

The site runs on Next.js 16 with the App Router and React 19. All project detail pages are statically pre-rendered at build time. The color system is built on the Catppuccin Mocha palette, exposed as Tailwind CSS v4 custom tokens. A small inline script applies the user's saved theme before React hydrates, preventing any color flash on first load.

All content lives in a single TypeScript data file with a strict Project interface, so adding new projects requires no UI changes. The dashboard on the homepage aggregates widgets — GitHub activity, a typing test, a CTF counter, and a location map — into a grid alongside the project showcase.

The site also includes a built-in CTF challenge with four tasks of increasing difficulty — from Easy to Hard. The challenges span categories like source code analysis, DevTools inspection, encoding puzzles, and hidden API endpoints. Progress is tracked live in the dashboard, and the challenges are designed as a fun invitation for curious visitors to poke around and explore.

Key Features

• Terminal-window project cards with sequenced animation: ASCII art title → typed shell command → project description with blinking cursor.
• Interactive 3D globe powered by COBE with draggable spring-physics interaction and worldwide location markers.
• View Transitions that smoothly morph the terminal window between project cards and detail pages.
• Catppuccin Mocha color theme with Tailwind CSS v4 custom tokens and flash-free theme loading.
• All project detail pages statically pre-rendered at build time with dynamic OpenGraph metadata.
• Built-in CTF challenge with four tasks (Easy → Hard) spanning source code, DevTools, encoding, and API categories.
• Single TypeScript data file as the content layer — strict Project interface, no CMS needed.