Who is Franz Phillip Domingo?

Franz Phillip Domingo is a Software Engineer & Full-Stack Developer based in Manila, Philippines. A software engineer specializing in full-stack development, AI/ML, and cloud solutions. Building ambitious projects across web, mobile, and AI — from thesis-defying 3DCNN fitness trackers to multi-agent orchestration systems. Currently interning at Trend Micro and open to freelance work.

What are Franz Phillip's core technical skills?

Franz Phillip specializes in full-stack web development, AI model integration, cloud architecture, and multi-agent systems.

How can I contact Franz Phillip?

You can contact Franz Phillip via email at orstedfiles@icloud.com or connect on LinkedIn and GitHub. Derzeit offen für 2 neue freiberufliche oder Vertragsprojekte von Juli 2026 bis Dezember 2026.

// Personal Fitness Website

Personal Fitness Website

Fitness Web App / Next.js / Trainingsplanung / Kalorienverfolgung

Kurz-Zusammenfassung: Eine mit Next.js erstellte kostenlose persönliche Fitnessplattform ohne Account-Zwang – personalisierte Trainingspläne, Kalorienziele, Fortschrittsverfolgung und Ernährungsprotokollierung, alles lokal gespeichert ohne erforderliche Registrierung.

Live-Seite: pfwfm.vercel.app

Funktionen

Personalisierte Trainingspläne, zugeschnitten auf Benutzerprofil und Ziele
Kalorienverfolgung mit gespeicherten Lebensmitteln und täglichen Protokollen
Ernährungsprotokollierung mit Aufschlüsselung der Makronährstoffe
Fortschrittsverfolgung mit visuellen Diagrammen (Recharts)
Onboarding-Flow, der ein Profil erstellt und Programme empfiehlt
Custom Workout Builder für personalisierte Routinen
Vollständiger Profilexport und -freigabe
Kein Account erforderlich – alle Daten werden im localStorage gespeichert
Kostenlos, kein Abonnement, keine Werbung

Meine Beiträge (Rolle & Verantwortlichkeiten)

Full-Stack-Entwicklung:

Aufbau der gesamten Anwendung mit Next.js 15 App Router im TypeScript Strict Mode
Implementierung des Trainingsplanungssystems mit vordefinierten Programmen und benutzerdefinierten Routinen
Entwicklung der Kalorien- und Ernährungsverfolgung mit lokaler Speicherung
Erstellung des Onboarding-Flows mit schrittweiser Profileinrichtung
Aufbau des Dashboards zur Fortschrittsvisualisierung mit Recharts

UI/UX Design:

Entwurf eines responsiven, Mobile-First-Layouts mit shadcn/ui-Komponenten
Implementierung der Dark-Mode-Unterstützung mit next-themes
Erstellung einer animierten Landingpage und flüssiger Übergänge mit Framer Motion
Entwicklung eines wiederverwendbaren Komponentensystems für Fitness-Tracking-Funktionen

Architektur:

localStorage-basierte Datenschicht (8 pfw_ Keys) – kein Backend erforderlich
Modulare Komponentenstruktur mit funktionsspezifikations Verzeichnissen
Typsicheres Zustandsmanagement mit TypeScript Strict Mode
Spezifikationsgetriebene Entwicklung mit detaillierten Feature-Specs

Herausforderungen

Backend-lose Architektur: Die Verwaltung komplexer relationaler Daten (Trainingspläne, Protokolle, Ernährung) vollständig im localStorage erforderte ein sorgfältiges Key-Design und Datenmigrationsstrategien
Funktionsübergreifende Konsistenz: Sicherstellen, dass Trainingspläne, Kalorienverfolgung und Fortschrittsdiagramme alle korrekt auf dieselben Benutzerprofildaten zugreifen
Typsicherheit im großen Maßstab: Aufrechterhaltung des TypeScript Strict Mode über eine wachsende Codebasis hinweg mit localStorage-Serialisierungsgrenzen
Mobile-First Responsive Design: Fitness-Tracking-Formulare und -Diagramme mussten sowohl auf dem Smartphone als auch auf dem Desktop nahtlos funktionieren

Projektarchitektur

Framework: Next.js 15 App Router mit TypeScript 5.x (strict: true)
UI: shadcn/ui, Tailwind CSS v4, Framer Motion, Lucide Icons
Diagramme: Recharts v3 (Lazy-Loading für Performance)
Datenschicht: Browser localStorage (8 Keys: Profil, aktives Programm, Trainingsprotokolle, Fortschritt, Ernährung, Kalorienprotokolle, gespeicherte Lebensmittel, benutzerdefinierte Workouts)
Hooks: usehooks-ts (useLocalStorage), benutzerdefinierte Hooks
Tests: Playwright (E2E), Vitest (Unit)
Deployment: Vercel

Demo-Vorschau

Live-Seite: pfwfm.vercel.app
Plattform-Ansichten: Web (responsiv, Mobile-First)
Gezeigte Funktionalität:
- Landingpage mit Hero-Bereich
- Onboarding-Flow zur Einrichtung von Profil und Zielen
- Dashboard mit Trainings-, Ernährungs- und Fortschrittsübersicht
- Trainingsseite mit vordefinierten Programmen und benutzerdefinierten Routinen
- Kalorien- und Ernährungsverfolgung mit gespeicherten Lebensmitteln
- Fortschrittsdiagramme und Statistiken

Entwicklungsressourcen

Leitfäden/Dokumentation:
- Dokumentationen zu Next.js, shadcn/ui, Tailwind CSS v4, Framer Motion
- CLAUDE.md im Repository für Entwicklungsrichtlinien

Wenn Sie weitere Details benötigen oder die Codebasis sehen möchten, wenden Sie sich bitte direkt an den Autor.

ACCESSING DATABANKS...