Portfolio Website

What it is for

A cinematic personal portfolio with animated project storytelling, multiple visual modes, and a private content-management backend.

A portfolio should show the quality and context of the work, while remaining easy to update. This site separates editable content from the presentation so projects, experience, and credentials can evolve without hand-editing every page.

Explore the work visually

Move through cinematic project stories and inspect the context behind each project.

Choose a compact view

Use the resume-oriented presentation when you need a printable overview.

Maintain content centrally

Update projects and experience through the private CMS rather than editing each public view.

Try this project

This is the professional showcase. Visit my playground on myhai.org to try the live app, find downloads, or explore the project.

Features and workflow

Cinematic presentation

Scroll-driven sequences, large project imagery, and deliberate motion create a portfolio rather than a résumé grid.

Multiple views

Switch between the main cinematic experience, an Iron Man HUD theme, and a print-oriented résumé.

Custom CMS

Edit projects, experience, education, certifications, and contact links from a private admin interface.

Structured content API

The public pages render from the same managed content rather than duplicating values in markup.

Responsive layouts

Desktop and mobile presentations preserve the same hierarchy with device-appropriate spacing and motion.

Independent deployment

The portfolio runs in its own Docker service behind nginx and Cloudflare Tunnel.

1. Open the public portfolio and explore projects through the cinematic or alternate themes.
2. Use the résumé view when a compact printable format is preferable.
3. Sign in to the private admin area to update structured content.
4. Publish changes by rebuilding only the portfolio service.

Architecture

A static HTML, CSS, and JavaScript frontend uses GSAP for animation. A small Express CMS serves managed JSON content and a protected single-admin editing interface. Docker, nginx, and Cloudflare Tunnel provide the production boundary.

Privacy and limitations

The public experience contains portfolio content only. CMS access is protected with bcrypt-backed authentication and session cookies; administrative routes are separate from the public content API.

Status

Live at the personal apex domain. The legacy myhai.org portfolio routes remain available for compatibility while the personal domain is canonical.

Availability

Live website

Content

CMS-managed

Views

Three visual modes

Hosting

Self-hosted Docker

Questions