SWEFull-StackDesignThis Site2025 - Present

Personal Portfolio Website

Interactive developer portfolio featuring a fully functional terminal emulator, encrypted file management system, dynamic theming, and real-time integrations with GitHub, Vercel, and Arduino IoT.

Details

This portfolio website goes beyond a typical developer portfolio by embedding interactive systems directly into the browsing experience. The centerpiece is a fully functional terminal emulator that supports command execution, file system navigation, and system queries. Visitors can interact with the site through a CLI interface alongside the traditional GUI.

The site includes an encrypted file management system with upload, download, move, and delete operations backed by Supabase storage. A visitor tracking system logs and displays visit counts. Real-time integrations pull data from GitHub (contribution activity), Vercel (deployment status), and an Arduino IoT device (hardware status monitoring).

The dynamic theming system supports multiple color schemes that persist across sessions. The architecture uses Next.js App Router with server-side rendering for SEO, API routes for backend functionality, and responsive design that adapts from mobile to desktop. The entire site is deployed on Vercel with automatic deployments from the main branch.

Highlights

  • Fully functional terminal emulator with command execution and file system navigation
  • Encrypted file management system with Supabase storage backend
  • Real-time GitHub activity, Vercel deployment status, and Arduino IoT integrations
  • Dynamic theming system with persistent color scheme preferences
  • Visitor tracking and analytics system
  • Next.js App Router with SSR, API routes, and responsive design
  • Donut shop finder API, because every developer needs donuts

Built with

Next.jsTypeScriptTailwind CSSSupabaseArduinoVercel API