I built a fullscreen productivity dashboard using HTML, SCSS, and JavaScript — bundled with Webpack and displayed on a Raspberry Pi mounted above my desk.

It’s inspired by MagicMirror, but I custom-built it to stay on top of my schedule and avoid missing events. It shows my calendar, clock, and tasks in a clean, distraction-free layout — just the essentials at a glance.

This was my first Shipwrecked project with Hack Club, and also my first hardware + software combo project!

GitHub repo: https://github.com/108charlotte/magic-mirror

Live demo: https://108charlotte.github.io/magic-mirror/ (You may see a Google sign-in warning since the app isn’t verified yet. It’s safe, but you can also skip sign-in — the dashboard still works without the calendar.)

Would love any feedback, ideas for new features, or layout improvements. Open to contributors!