Frontend, NextJS, Dashboard
Fritz-UI - Moderne Ansicht für die Fritz!Box
Dashboard mit Statistiken für Netzwerk und Smarthome Geräte der Fritz!Box.
Die Idee
Wer schon einmal mit dem UI der Fritz!Box in Berührung gekommen ist, weiß das dieses nicht gerade das Schnellste ist. Nachdem ich mich darüber und über den fehlenden Darkmode geärgert habe, dachte ich mir:
Das muss besser gehen.
Also habe ich ein eigens UI mit Nextjs erstellt, damit ich alle Router und Smarthome-Geräte im Blick habe. Somit hat man alle Statistiken auf einem Blick.
Tech Stack
- Nextjs
- tRPC
- TailwindCSS
- NextAuth.js
- Fritzbox (Mein eigener kleiner Fritzbox API Wrapper mit TypeScript Support)
Features
- Dashboard mit Router und Smarthome Statistiken
- Mobile Responsive
- Alle Ihre Netzwerkgeräte in einer Liste
- SmartHome-Geräte mit aktueller Temperatur, Batteriestatus und mehr
- Anmeldung mit Ihren fritzbox-Benutzerdaten
- PWA-Unterstützung
Deployment
Wenn du die App selbst hosten möchten, kannst du das ganz einfach über docker tun: