Showcase App

CaloIQ – Die KI-gestützte Ernährungs-PWA

CaloIQ ist eine moderne, progressive Web-App (PWA) zur intelligenten Erfassung und Analyse von Ernährungsdaten. Sie kombiniert hochentwickelte multimodale Künstliche Intelligenz mit blitzschneller Performance und einem nahtlosen Benutzererlebnis auf allen Endgeräten.

CaloIQ App öffnen

Verfügbar unter: caloiq.ideengeberhaus.de

Der Nutzer-Workflow in fünf Schritten

So funktioniert die App

1
Sichere Registrierung
Nutzer melden sich einfach mit ihrer E-Mail-Adresse an und bestätigen ihren Account über einen automatischen Verifizierungslink.
2
Flexible Erfassung
Mahlzeiten werden direkt per Smartphone-Foto, Schnappschuss oder einfacher Texteingabe (z. B. „Hähnchenbrust mit Reis und Brokkoli“) aufgenommen.
3
Automatische Zeitstempel
Datum und Uhrzeit werden beim Eintrag automatisch festgehalten oder können manuell angepasst werden.
4
KI-Nährwertanalyse
Die Google Gemini KI erkennt die Bestandteile der Mahlzeit in Sekundenschnelle und berechnet automatisch Kalorien, Proteine, Kohlenhydrate und Fette.
5
Echtzeit-Dashboard
Das persönliche Dashboard bietet eine klare Übersicht über das verbleibende Tagesbudget, die Makronährstoff-Verteilung und die Historie vergangener Tage.

Technische Architektur & Infrastruktur

Bei der Entwicklung von CaloIQ wurde konsequent auf einen modernen, skalierbaren und zukunftssicheren Tech-Stack gesetzt:

Frontend & Framework

Next.js 16 mit React 19 und TypeScript. Das Styling basiert auf Tailwind CSS, während @ducanh2912/next-pwa für das Offline-Caching und das App-Manifest sorgt.

KI-Engine

Einbindung der Google Gemini API (@google/genai) zur visuellen und textuellen semantischen Analyse von Mahlzeiten.

Hosting & Cloud

Gehostet auf einer Azure App Service (Linux) Instanz unter der Subdomain caloiq.ideengeberhaus.de mit automatisiert verwaltetem SSL/TLS-Zertifikat.

CI/CD-Pipeline

Ein maßgeschneiderter GitHub Actions Workflow baut die Anwendung bei jedem Code-Push automatisch. Durch den Einsatz des Next.js standalone-Build-Modus wird die Anwendung in extrem schlanke Container verpackt, was Kaltstartzeiten im Cloud-Server auf unter eine Sekunde reduziert.

KI-gestützte Entwicklung (AI Co-Engineering)

Die App wurde im Rahmen einer agilen Paar-Entwicklung (Pair Programming) in enger Zusammenarbeit zwischen menschlicher Konzeption und fortlaufendem AI-Engineering entwickelt. Architekturentscheidungen, Pipeline-Optimierungen, SSL-Bindings und Standalone-Deployments wurden durch KI-gestützte Iterationen in Rekordzeit realisiert.

Datenschutz, Authentifizierung & Datenspeicherung

Der Schutz sensibler Nutzerdaten und eine transparente Datenverarbeitung stehen bei CaloIQ an oberster Stelle:

Backend & Datenbank

Als Backend-as-a-Service dient Supabase, aufgebaut auf einer performanten PostgreSQL-Datenbank.

Sichere Authentifizierung

Die Benutzerverwaltung erfolgt verschlüsselt über Supabase Auth (@supabase/ssr). Authentifizierungs-Tokens werden über strikte HTTPS-Cookie-Standards verarbeitet.

Row Level Security (RLS)

Sämtliche Datenbanktabellen sind durch Row Level Security geschützt. Jeder Nutzer hat ausschließlich auf seine eigenen Ernährungsdaten Lese- und Schreibzugriff.

Verschlüsselung

Alle Verbindungen zwischen Browser, Azure-Cloud, Supabase und der Gemini API sind nach aktuellen TLS/SSL-Standards durchgehend end-to-end-verschlüsselt.

Auf einen Blick

Bereich	Technologie / Standard
Frontend	Next.js 16 (Standalone Output), React 19, Tailwind CSS
PWA-Standard	Service Worker, Manifest JSON, Mobile Native-View
KI-Modell	Google Gemini API
Database & Auth	Supabase (PostgreSQL mit Row Level Security)
Cloud Hosting	Azure App Service (Linux Node.js Environment)
Deployment	GitHub Actions CI/CD Pipeline
Domain & Security	Custom Subdomain, Automated Azure Managed Certificate (SNI SSL)

Jetzt CaloIQ ausprobieren

Erleben Sie, wie KI-gestützte Ernährungserfassung in der Praxis funktioniert – direkt im Browser, ohne Installation.

Zur CaloIQ App