Today I designed, built, and deployed a full React application from scratch – not all content is up:
👉 https://hansonhotline.com
The project was inspired by the band Hanson’s recent “pause” — something longtime fans fear may signal the end. Hanson has been a defining part of my life for over 20 years, and I spent much of that time as a Hanson webmaster, building fan archives and community spaces.
This project blends that history with modern engineering.
Stack
- React
- TypeScript
- Vite
- TailwindCSS
- Static hosting (HostGator)
What I Built
- Typed archival data model
- Deterministic timeline navigation with global cursor state
- Calendar popover with date filtering
- Speaker-based UI system with typed tone styling
- Responsive, custom glass UI
- Full production deployment (build → dist → hosting → OG → favicon)
Highlights
- Refactored navigation logic to eliminate blank-state edge cases
- Used
import.meta.globfor scalable content ingestion - Implemented portal rendering to resolve z-index stacking issues
- Designed and iterated UX hierarchy intentionally
Timeline
Built end-to-end in a focused ~9-hour session (5pm–2am), including design iteration, debugging, and deployment.
Not bad for a Sunday evening.