🧘

Serenity

Completed 2025 • Doppelte Symfony-Apps (API + Web) mit React über UX React und Turbo/Stimulus-Verbesserungen

Serenity ist ein doppelter Symfony-Stack (API + Web), der abonnementbasierten Zugang zu kuratierten Buchinhalten und Verb-Generierungs-Übungen bietet. Die API verwaltet Bücher/Kapitel, Verläufe, Pläne/Abonnements, Rechnungen, Geschenkkarten, Fachleute/Kabinette, Testimonials und Stripe-Webhooks. Die Web-App integriert React-Dashboards über UX React mit Tailwind/Flowbite/MUI-Styling und bietet Benutzer- und Profi-Erfahrungen (Profile, Verlauf, Abonnements, Geschenkkarten, Client-Verwaltung, E-Mail-Kampagnen, Statistiken) plus Turbo/Stimulus-verbesserte Flows. E-Mail wird von Mailjet/SendGrid betrieben; Stripe verwaltet Checkout, Rechnungen und Webhooks.

Full-Stack-Entwicklung Webentwicklung Backend-Entwicklung SaaS Zahlungen Abonnements React Stripe

Übersicht

Serenity ist ein doppelter Symfony-Stack (API + Web), der abonnementbasierten Zugang zu kuratierten Buchinhalten und Verb-Generierungs-Übungen bietet. Die API verwaltet Bücher/Kapitel, Verläufe, Pläne/Abonnements, Rechnungen, Geschenkkarten, Fachleute/Kabinette, Testimonials und Stripe-Webhooks. Die Web-App integriert React-Dashboards über UX React mit Tailwind/Flowbite/MUI-Styling und bietet Benutzer- und Profi-Erfahrungen (Profile, Verlauf, Abonnements, Geschenkkarten, Client-Verwaltung, E-Mail-Kampagnen, Statistiken) plus Turbo/Stimulus-verbesserte Flows. E-Mail wird von Mailjet/SendGrid betrieben; Stripe verwaltet Checkout, Rechnungen und Webhooks.

Schlüsselfunktionen

✓

Stripe-betriebene Abonnements mit Webhook-gesteuerter Aktivierung und Rechnungsstellung

✓

Geschenkkarten-Ausstellung und -Aktivierung mit E-Mail-Zustellung

✓

Verb/Kapitel-Generierung mit Verlaufsprotokollierung und kostenlosem Zugangs-Gating

✓

pages.portfolio.projects.serenity.features.3

✓

pages.portfolio.projects.serenity.features.4

✓

React-Komponenten über UX React mit Tailwind/Flowbite/MUI-Styling und Framer Motion-Animationen

✓

API-Token + Session-Auth, Voter für Zugriffskontrolle, E-Mail-Verifizierung & Passwort-Reset

Technische Highlights

⚡

Implementierung von Stripe-Checkout und Webhook-Handling für Abonnement-Lebenszyklus

⚡

Aufbau von React-Dashboards für Benutzer und Fachleute über UX React mit Tailwind/Flowbite

⚡

Hinzufügen von Geschenkkarten-Generierung/-Aktivierung mit E-Mail-Zustellung und Verifizierung

⚡

Sicherung des Verb-Zugriffs mit Verlaufsprotokollierung und kostenlosem Nutzungs-Gating

⚡

Hybride Symfony + React-Architektur mit Turbo/Stimulus für sanfte UX

Herausforderungen und Lösungen

Abonnement-Lebenszyklus

Handhabung von Checkout, Rechnungen und Webhook-Ereignissen während Synchronisierung lokaler Abonnements und Rechnungen

Geschenkkarten-Einlösung

Generierung und Aktivierung von Codes mit E-Mail-Bestätigungen und Bereinigung

Hybrides Frontend

Integration von React-Komponenten über UX React neben Twig/Turbo unter Beibehaltung konsistenten Stylings

Sichere Zugriffskontrolle

Kombination von API-Token/Session-Auth, Votern und Verlaufs-Gating für Verb-Zugriff

Technologien

Backend

Symfony 6.2 PHP 8.1+ Doctrine ORM Stripe SDK PostgreSQL

Frontend

Symfony 6.2 React 18 (UX React) Tailwind CSS Flowbite MUI Framer Motion Stimulus Turbo

Services

StripeService SubscriptionService GiftCardService Mailjet/SendGrid Mailers UploadImage CodeGenerationService

Infrastructure

Docker Compose

Projektinformationen

Status
Completed
Jahr
2025
Architektur
Doppelte Symfony-Apps (API + Web) mit React über UX React und Turbo/Stimulus-Verbesserungen
Category
Full-Stack-Entwicklung
Zurück zu Portfolio Projekte anzeigen Full-Stack-Entwicklung