avis-control-center — Personal Control Center
A personal, browser-based control center that unifies a music player, calendar, task list, and notifications in a single glassmorphism interface. Built with Next.js, iron-session, and Vercel.
Tech
Another side project born out of frustration: Apple’s Control Center on iOS is a brilliant interface — compact, alive, and giving you instant access to exactly what you need. I wanted something similar but in the browser, with full control over what actually appears there. avis-control-center brings together a music player, Google Calendar, a daily task list, and a notification stack into a single screen I open every morning.
The foundation is Next.js 14 with the App Router, authentication via iron-session (after learning the hard way that a Proxy wrapper breaks the session secret — see fix #3 in the repo). The design uses glassmorphism — semi-transparent widgets with backdrop-filter on a dark background — connected to everything in my personal life through Server Actions.
It isn’t open to the public (Vercel Auth is in place), but the code and patterns inside form the basis for several experiments I’m running privately: how do you make a personal dashboard actually feel personal, rather than just another admin panel.
Outcomes
- A single control center that consolidates all my personal widgets
- iron-session-based authentication with lazy session secret
- Dual deployment — Vercel preview + production with full CI