Projet Studio - Plateforme web et outil de gestion

Le Carrousel Guinguette

Une plateforme responsive pour faire connaître une guinguette, publier sa programmation et gérer les réservations.

Statut
En ligne
Durée
10 jours de développement
Support
Ordinateur, tablette et mobile
Page d’accueil du Carrousel présentant la guinguette et ses prochains événements.

Le projet

Le gérant du Carrousel, une guinguette située en Meuse, avait besoin de faire connaître ce nouveau lieu de vie et de centraliser son activité. La solution réunit un site public consacré au lieu et à sa programmation, ainsi qu’un espace d’administration pour gérer les événements, les réservations et le livre d’or.

01

Le site public

Le site présente la guinguette, ses informations pratiques et les événements à venir. Les visiteurs peuvent consulter le détail de chaque rendez-vous, réserver pour un groupe allant jusqu’à 20 personnes dans la limite des places disponibles, puis proposer un message dans le livre d’or. L’ensemble de l’interface est responsive.

02

L’outil de gestion

Depuis un espace protégé par un lien de connexion à usage unique envoyé par e-mail, l’administrateur peut créer, consulter, modifier et supprimer les événements. Il valide ou refuse les demandes de réservation, modère les messages du livre d’or et dispose d’une liste opérationnelle pour accueillir les personnes inscrites le jour de l’événement.

03

Notifications et assistance

Chaque demande de réservation déclenche un e-mail de confirmation. Les visiteurs sont ensuite informés lorsque leur demande est acceptée ou refusée, ainsi qu’en cas d’annulation de l’événement. La PWA installable avertit aussi l’administrateur par notification Web Push lors d’une nouvelle réservation ou d’un nouveau message dans le livre d’or. Dans le back-office, Gemini propose une correction orthographique et une optimisation SEO des événements, que le gérant peut contrôler avant validation.

04

Ma contribution

J’ai pris en charge le projet de bout en bout : compréhension du besoin, conception de l’interface et de la base de données, développement, intégration, déploiement, configuration du nom de domaine et des DNS. J’ai également construit l’identité visuelle avec l’assistance de l’IA. La mise en place des notifications Web Push était une première et m’a permis d’approfondir ce mécanisme sur différents appareils.

Objectifs

  • Faire connaître le lieu et rendre sa programmation accessible en ligne.
  • Permettre aux visiteurs de réserver dans la limite des places disponibles.
  • Centraliser la gestion des événements, des réservations et du livre d’or.
  • Informer automatiquement les visiteurs et l’administrateur aux moments clés.

Technologies

  • EJS
  • Node.js
  • Express
  • CSS
  • MongoDB
  • Mongoose
  • Web Push
  • Nodemailer
  • Gemini