Aly dous'heure - Plateforme de réservation

Plateforme web de réservation et de gestion pour une masseuse professionnelle. Système de prise de rendez-vous en ligne, paiement sécurisé, gestion des disponibilités, authentification utilisateur et tableau de bord statistiques pour le professionnel.

Aly dous'heure - Plateforme de réservation

À propos du projet

Plateforme web full-stack développée pour digitaliser l'activité d'une masseuse professionnelle indépendante.

Le projet couvre l'ensemble du parcours client : de la découverte des prestations à la réservation en ligne, en passant par le paiement sécurisé et la gestion post-visite (avis clients).

Côté professionnel, l'application offre un tableau de bord complet pour gérer les réservations, visualiser les statistiques, administrer les prestations et paramétrer le site.

L'architecture est pensée pour être performante, maintenable et évolutive, avec une séparation claire entre frontend et backend, un déploiement automatisé et une gestion rigoureuse des données sensibles.

Fonctionnalités principales

  • Système de réservation intelligent :
  • • Consultation des disponibilités en temps réel
  • • Sélection de prestations et créneaux horaires
  • • Gestion automatique des conflits et blocages
  • • Validation et confirmation par email
  • Paiement sécurisé :
  • • Intégration complète de Stripe Connect
  • • Paiement en ligne lors de la réservation
  • • Gestion des remboursements et annulations
  • Authentification et gestion utilisateur :
  • • Inscription et connexion sécurisées
  • • Vérification d'email automatique
  • • Gestion de profil et historique des réservations
  • • Rôles utilisateur (client, professionnel, administrateur)
  • Système d'avis clients :
  • • Dépôt d'avis après prestation
  • • Affichage public des témoignages
  • • Modération par le professionnel
  • Tableau de bord professionnel :
  • • Vue d'ensemble des réservations (passées, à venir, annulées)
  • • Statistiques détaillées (revenus, prestations populaires, taux d'occupation)
  • • Gestion des créneaux et blocages de disponibilité
  • • Administration des prestations et tarifs
  • • Configuration des paramètres du site

Détails techniques

Frontend – Next.js

Next.jsTypeScriptTailwind CSS
  • Framework React moderne avec App Router pour une navigation fluide avec Next.js
  • Server-Side Rendering (SSR) pour l'optimisation SEO
  • TypeScript pour la sécurité des types
  • Tailwind CSS pour un design responsive et cohérent
  • Gestion d'état avec Zustand pour les données globales
  • Composants UI réutilisables et modulaires
  • Optimisation des images et des performances

Backend – NestJS

NestJSTypeScript
  • Architecture modulaire et scalable avec NestJS
  • TypeScript côté serveur pour une cohérence totale
  • API REST sécurisée avec validation des données via class-validator
  • Authentification JWT avec système de refresh tokens
  • Gestion fine des rôles et permissions (Guards)
  • Envoi d'emails transactionnels automatisés
  • Gestion des conflits de réservation en temps réel
  • Logs structurés et gestion centralisée des erreurs

Base de données – Prisma & Supabase

Prisma
  • Prisma comme ORM pour une gestion type-safe de la base
  • Supabase (PostgreSQL) pour l'hébergement de la base de données
  • Schéma relationnel complet (utilisateurs, réservations, prestations, avis, disponibilités)
  • Migrations versionnées pour la traçabilité
  • Indexation optimisée pour les requêtes fréquentes

Paiement – Stripe Connect

Stripe Connect
  • Intégration complète de Stripe Connect en mode Standard
  • Onboarding du professionnel via Stripe
  • Création de sessions de paiement sécurisées
  • Gestion des webhooks pour la synchronisation des paiements
  • Remboursements automatiques en cas d'annulation
  • Tableau de bord Stripe pour le suivi des transactions

Services externes

CloudinaryResend
  • Cloudinary pour l'hébergement et l'optimisation des images
  • Resend pour l'envoi d'emails transactionnels et de notifications

Déploiement et Infrastructure

VercelIONOS
  • Vercel pour l'hébergement du frontend (Next.js)
  • Render pour l'hébergement du backend (NestJS)
  • IONOS pour la gestion du nom de domaine
  • Configuration SSL/TLS pour la sécurité
  • Variables d'environnement sécurisées sur les deux plateformes
  • Séparation claire entre environnements de développement et production

CI/CD – GitHub Actions

  • Pipeline automatisé pour le frontend et le backend
  • Tests unitaires et d'intégration automatiques
  • Vérification du build avant déploiement
  • Déploiement automatique sur Vercel et Render
  • Notifications en cas d'échec du pipeline