SELECTED WORK

Portfolio

Selected projects showcasing expertise in full-stack web development, real-time analytics, and modern UI/UX design.

ATHLETE PROFILE

Morgan Lin Tennis Profile

Comprehensive digital athlete profile showcasing performance statistics, academic achievements, recruiting materials, and competition history for a rising tennis talent.

KEY FEATURES

  • Live performance statistics (UTR 7.8, National #336)
  • Comprehensive academic resume and school information
  • College recruiting video and action photo gallery
  • Tournament schedule and match history tracking
  • Mobile-responsive design with glassmorphism UI

TECH STACK

HTML5 TailwindCSS JavaScript AWS S3 CloudFront
VIEW LIVE SITE
MUSIC PLATFORM LIVE

See Ya Later Guy

A comprehensive music streaming platform featuring an interactive audio player, discography showcase, and fan engagement tools. Built with modern web technologies and cloud infrastructure for optimal streaming performance and user experience.

Key Features

  • HTML5 audio streaming with custom player controls
  • Dynamic discography with album artwork and track listings
  • AWS S3 integration for scalable media delivery
  • Fully responsive mobile-first design
  • Dark and light theme toggle with localStorage persistence

Tech Stack

HTML5 JavaScript Tailwind CSS AWS S3 CDN
VIEW LIVE SITE
ANALYTICS DASHBOARD INTERACTIVE

Music Analytics Dashboard

Real-time analytics dashboard providing comprehensive insights into streaming performance, listener engagement, and geographic distribution. Features interactive charts, customizable date ranges, and social media integration for content distribution.

Key Features

  • Real-time streaming analytics and KPI tracking
  • Interactive charts with Chart.js (line, bar, doughnut)
  • Listener feedback system with sentiment analysis
  • Multi-platform social media sharing interface

Tech Stack

JavaScript Chart.js REST API AWS Responsive Design
VIEW LIVE DEMO
PHOTOGRAPHY PORTFOLIO

Ashton Do Photography

Professional photography portfolio website featuring a masonry grid layout and immersive lightbox galleries. Designed with a minimal aesthetic to let the photography shine, optimized for fast loading and seamless browsing across all devices.

Key Features

  • Cascading blinds transition — 80 horizontal strips animate in sequence with staggered timing, progressively revealing the next image through a clip-path reveal effect
  • Dynamic text contrast — CSS mix-blend-mode difference automatically adapts caption and control colors based on the underlying image, enhanced with contrast and brightness filters for vibrant readability on any background
  • Responsive masonry grid layout with CSS Grid
  • Full-screen lightbox with keyboard navigation
  • Lazy loading for optimal performance
  • Minimal design focused on visual content

Tech Stack

HTML5 CSS Grid JavaScript Lightbox Responsive
VIEW PORTFOLIO

Interested in Working Together?

Let's discuss how we can bring your project to life with modern, scalable solutions.

GET IN TOUCH