Personal Website & CMS
A premium personal digital space with integrated Firebase CMS control center.
The Challenge & Problem
Traditional portfolio templates often lack personal identity and require manual code deployment for every minor content edit.
Strategic Goal
Engineer an ultra-fast, visually captivating personal portfolio paired with a live cloud admin dashboard that updates client browsers instantaneously.
Architectural Solution
Built a lightweight modular vanilla JavaScript client synchronized with Google Firebase Firestore, providing real-time data persistence, fluid CSS tokens, and dedicated case study readers.
Key Features
- Real-time Firebase Firestore database sync
- High-end dark glassmorphism aesthetic
- Dedicated case study & article reading sub-pages
- Interactive contact form with cloud inbox
Results & Impact
Achieved 100/100 Lighthouse performance, sub-second live database synchronization, and an elevated personal brand platform.
Key Learnings
Refined techniques in client-side reactive state management, asynchronous Firestore listeners, and responsive design craftsmanship.