Kit de vitrines multi-services -- 6 exemples metiers -- IA automation complete -- Adaptable en 15min

Une seule codebase -- 6 sites professionnels differents. Chaque vitrine demontre l'automatisation IA complete : email, SMS, Calendar, Telegram, n8n, OpenClaw, Comet.

6 vitrines · Automation · Installation · API · Adapter · Extensions

---

Presentation

SERVICEKIT-VITRINE est un kit de demonstration complet montrant comment construire une plateforme de reservation professionnelle pour n'importe quel metier de service. Ce n'est pas un projet specifique au babysitting -- c'est un showcase multi-services avec 6 exemples metiers distincts integres dans un seul fichier HTML.

Chaque vitrine est independante, avec son theme visuel, ses tarifs, ses prestataires fictifs, ses temoignages et son chatbot FAQ. Le backend Node.js et les workflows n8n/OpenClaw s'adaptent automatiquement selon le theme actif.

---

6 Vitrines incluses

Switch instantane via la barre de themes -- meme architecture, meme automation, contenu different.

#	Vitrine	Couleur	Prestataire exemple	Services	Prix
1	Babysitter	#3D6B52 Vert sauge	Sophie Martin (CAP PE, PSC1)	Soir, journee, abonnement	10-12 EUR/h
2	Pet Sitter	#7B4F2E Brun chaud	Lucas Bernard (GPS live)	Promenade, garde, pension	15-35 EUR
3	Coach sportif	#1A1F3A Marine	Maxime Torres (BPJEPS)	Coaching, nutrition, online	49-790 EUR
4	Menage	#1C5C7A Bleu pro	CleanPro (RC Pro)	Regulier, grand menage	25 EUR/h
5	Cours particuliers	#4A2C7A Violet	Emma Rousseau (Agregee)	Maths, sciences, langues	35-40 EUR/h
6	Photographe	#2A1F14 Or chaleureux	Clara Fontaine (Canon Master)	Mariage, portrait, event	150-1800 EUR

---

Contenu de chaque vitrine

Each showcase includes a complete set of production-ready components:

Component	Description
Hero + Profil	Prestataire card avec badge disponibilite
Grille services	4 formules avec tarification
Calendrier interactif	Planning mensuel + creneaux
Formulaire reservation	Connecte API REST
Section automation	Demo 6 outils IA
Workflows tabs	4 pipelines step-by-step
Notifications live	Animations temps reel
Temoignages	3 par theme
Modal reservation	CTA flottant + success screen
Chatbot FAQ	Bot thematique + quick replies
Footer technique	Stack details

---

Architecture

SERVICEKIT-VITRINE -- Pipeline complet
---------------------------------------------------------------------
  Client reserve sur la vitrine
         |
         v
  Node.js API (Express + SQLite)
         |
  +------+----------------------------------------------+
  | Nodemailer     | Telegram Bot  | n8n Webhook  | Cron J-1   |
  | Email confirm. | Alerte presta.| SMS + Calendar| Rappels   |
  +------+----------------------------------------------+
         |
  OpenClaw Rotation (toutes les 15min)
  +-- Comet (1.3) : sync Calendar vs DB
  +-- Perplexity (1.0) : veille marche local
  +-- Cowork (0.8) : log + ping JARVIS WS:9742

---

Structure du projet

babysmart-platform/
+-- assets/
|   +-- logo.svg                    <-- Logo SERVICEKIT-VITRINE
+-- frontend/
|   +-- index.html                  <-- Vitrine standalone (67Ko, 0 dependances)
|       +-- Theme switcher          <-- 6 presets visuels
|       +-- Hero + Profil card      <-- Adapte par theme
|       +-- Grille services         <-- 4 formules par theme
|       +-- Calendrier interactif   <-- Planning + disponibilites
|       +-- Formulaire reservation  <-- Connecte API REST
|       +-- Section automation      <-- Demo 6 outils IA
|       +-- Workflows tabs          <-- 4 pipelines expliques
|       +-- Notifications live      <-- Demo animee
|       +-- Temoignages             <-- 3 par theme
|       +-- Modal + success screen  <-- CTA flottant
|       +-- Chatbot FAQ             <-- Bot par theme
+-- backend/
|   +-- server.js                   <-- API REST Express
|   +-- package.json
|   +-- .env.example
+-- n8n/
|   +-- workflow-booking.json       <-- SMS + Calendar
|   +-- workflow-rapport-hebdo.json <-- Rapport lundi 8h
+-- openclaw/
|   +-- babysitting.yaml            <-- Scheduler agents
|   +-- comet_tasks.js              <-- Gmail/Calendar Comet
|   +-- cowork_prompt.md            <-- System prompt
+-- docker/
    +-- docker-compose.yml
    +-- Dockerfile.api
    +-- nginx.conf

---

Automation

Chaque reservation declenche automatiquement :

POST /api/appointments
  -> Email confirmation (Nodemailer + Gmail SMTP)
  -> Telegram alerte prestataire
  -> n8n webhook -> SMS Twilio + Google Calendar event (via Comet)

Cron quotidien 9h -> rappels J-1 email + SMS
Cron lundi 8h -> rapport hebdomadaire Telegram

OpenClaw rotation 15min:
  Tour 1 -> Comet : check pending + sync Calendar vs DB
  Tour 2 -> Perplexity : veille tarifs marche local
  Tour 3 -> Cowork : log SQLite + rapport + ping JARVIS WS:9742

Automation Flow

+----------+     +--------+     +----------+     +----------+
| Booking  | --> | API    | --> | Email    | --> | Client   |
| Form     |     | Server |     | (SMTP)   |     | Confirm  |
+----------+     +--------+     +----------+     +----------+
                      |
              +-------+-------+
              |               |
         +----v----+    +-----v-----+
         | Telegram |    | n8n       |
         | Alert    |    | Webhook   |
         +---------+    +-----+-----+
                              |
                    +---------+---------+
                    |                   |
               +----v----+       +-----v------+
               | Twilio  |       | Google     |
               | SMS     |       | Calendar   |
               +---------+       +------------+

---

Installation

Sans Docker

git clone https://github.com/Turbo31150/babysmart-platform.git
cd babysmart-platform/backend
cp .env.example .env
npm install && npm start
# API -> http://127.0.0.1:3001
# Frontend -> ouvrir frontend/index.html dans le navigateur

Avec Docker

cd docker && docker-compose up -d
# Vitrine: http://127.0.0.1:5500
# API:     http://127.0.0.1:3001
# n8n:     http://127.0.0.1:5678

---

Adapter en 15 min

Pour creer une vitrine personnalisee pour un nouveau client :

# 1. Choisir un theme existant ou en creer un nouveau dans index.html
# Section THEMES -> modifier: name, emoji, colors, services[], testimonials[]

# 2. Configurer .env avec les credentials du client
SOPHIE_NAME="Marie Dupont"
SOPHIE_EMAIL="marie@monservice.fr"
TELEGRAM_BOT_TOKEN="..."
SMTP_PASS="xxxx xxxx xxxx xxxx"

# 3. Deployer
npm start

# Resultat: vitrine professionnelle complete en 15 minutes

---

API REST

Method	Endpoint	Description
POST	/api/appointments	Creer une reservation
GET	/api/appointments	Lister (filtres: status, date)
GET	/api/appointments/:id	Detail
PATCH	/api/appointments/:id/cancel	Annuler
GET	/api/availability	Dates disponibles (month + year)
GET	/api/stats	Dashboard stats
GET	/api/health	Status

---

Configuration

Variable	Description	Required
SMTP_HOST	SMTP server (default: smtp.gmail.com)	Yes
SMTP_USER	Email address	Yes
SMTP_PASS	App password (Gmail)	Yes
TELEGRAM_BOT_TOKEN	Telegram bot token	Yes
TELEGRAM_CHAT_ID	Telegram chat ID	Yes
TWILIO_ACCOUNT_SID	Twilio SID for SMS	No
N8N_WEBHOOK_BOOKING	n8n webhook URL	No

---

Extensions disponibles

Extension	Description
Paiement	Stripe / PayPal / acompte configurable
Espace client	Magic link auth + historique reservations
Dashboard admin	Stats, CA, export CSV
IA avancee	Claude API au lieu du chatbot statique
PWA	Installation mobile + notifications push
Multi-langue	i18n FR/EN/ES/DE
Multi-prestataires	Agence avec N intervenants
Securite	RGPD + AES-256 + JWT

---

JARVIS Ecosystem

Project	Description
jarvis-linux	Distributed Autonomous AI Cluster
TradeOracle	Autonomous Crypto Trading Agent
lumen	Multilingual Live AI Web App
babysmart-platform	Multi-Service Booking Showcase (this repo)

---

Franck Delmas (Turbo31150) · github.com/Turbo31150 · Toulouse, France

SERVICEKIT-VITRINE -- Multi-Service Booking Showcase -- MIT License

Freelance profile: codeur.com/-6666zlkh