Kadeo Photo Uploader: Foto-App für das Atelier

Projekte Kadeo – Keramikatelier Katleen Deprez

Kadeo Photo Uploader: Foto-App für das Atelier

Private Flutter-App, mit der Keramikerin Katleen Deprez Fotos neuer Arbeiten vom iPhone in die Galerie von katleendeprez.be stellt und Nachrichten verfolgt.

  • Flutter
  • Dart
  • Riverpod
  • GoRouter
  • Dio
  • Material 3
  • REST API

Eine neue Arbeit kommt aus dem Ofen, das Foto wird mit dem Smartphone gemacht … und dann muss es noch auf den Laptop, zugeschnitten und hochgeladen werden. Für das Keramikatelier Kadeo habe ich deshalb eine kleine, zielgerichtete Flutter-App gebaut, die diesen Umweg überspringt: Foto wählen, Bereich wählen, hochladen. Fertig.

Die Herausforderung

Die Website von Kadeo hat einen vollwertigen Verwaltungsbereich, aber auf einem Smartphone ist ein Browser-CMS umständlich. Die App sollte schnell und einfach sein, Fotos automatisch in der richtigen Qualität liefern und sicher mit der Website kommunizieren, ohne dass jedes Mal ein Passwort eingetippt werden muss. Außerdem musste sie nicht in den App Store: Sie läuft nur auf dem iPhone der Keramikerin.

Die Lösung

  • Hochladen in drei Schritten: ein oder mehrere Fotos aus der Fotomediathek wählen, einen Galeriebereich wählen und mit Fortschrittsanzeige hochladen
  • Automatische Optimierung: Fotos werden vor dem Senden auf dem Gerät zu einem hochwertigen JPEG komprimiert, sodass Uploads schnell gehen und der Server die schwere Arbeit (WebP, Thumbnails) übernimmt
  • Nachrichten verfolgen: Posteingang und Archiv für Nachrichten aus dem Kontaktformular, mit gelesen/ungelesen, Archivieren und Löschen
  • Benachrichtigungen: ein Badge und eine lokale Mitteilung, sobald neue Nachrichten vorliegen
  • Sichere Anbindung: einmalige Konfiguration mit einem API-Schlüssel, der verschlüsselt auf dem Gerät gespeichert wird
  • Wiedererkennbar: dieselbe erdige Farbwelt und Typografie wie die Website

Technologie

  • App: Flutter mit Riverpod (State Management), GoRouter (Navigation) und Dio (HTTP), Material 3 mit eigenem Theme, vollständig auf Niederländisch
  • Sicherheit: API-Schlüssel im sicheren Speicher von iOS, sämtlicher Datenverkehr über HTTPS zur API der Website
  • Backend: die bestehende Express-API der Website, erweitert um API-Schlüssel-Absicherung und Rate Limiting für mobile Uploads

Ergebnis

Eine maßgeschneiderte App, die genau eine Sache sehr gut macht. Vom Foto zur Online-Galerie in weniger als einer Minute, direkt aus dem Atelier.