Portfolio — démos interactives

Trois projets emblématiques, démontables en quelques clics. Données fictives, code privé, mais l'UI et la logique sont fidèles à ce qui tourne en prod.

Versions de démonstration — partie connexion retirée, comptes fictifs.
🚚

Site vitrine pro · Transport

A&P Transport

Site complet pour entreprise de transport, grutage & levage en Tarn-et-Garonne

Site vitrine sur mesure pour A&P Transport, transporteur-grutier en Occitanie : présentation des prestations (transport, grutage, levage, location avec chauffeur), page « Notre flotte » avec fiches camions + pelleteuse, galerie de réalisations chantiers, section avis Google intégrée, page actualités type mur Facebook (publications synchronisées automatiquement), SEO local 82/Occitanie optimisé. Multi-pages, mobile-first, performance maximale.

Ouvrir la démo

Stack technique

Next.js 15React 19Tailwind v4Motion (animations)TypeScriptJSON-LD LocalBusiness

Fonctionnalités clés

  • ✓Page « Notre flotte » avec fiches techniques (tonnage, équipements, photos)
  • ✓Galerie « Réalisations » avec mosaïque chantiers + lightbox plein écran
  • ✓Section avis Google intégrée (API Google Business, mise à jour auto)
  • ✓Page actualités type mur Facebook (Meta Graph API)
🏋️

Site vitrine + booking · Coach personnel

Lucas Méric — Coach sportif

Site moderne animé avec calendrier de réservation en ligne intégré

Site complet pour coach sportif diplômé d'État : présentation, page formules (4 offres avec durées et tarifs différents), et surtout un module de réservation en ligne complet — sélection de la formule, sélection de la date (14 jours à venir), sélection du créneau horaire (avec slots déjà pris affichés en temps réel), formulaire client et page de confirmation. Animations Motion, dark mode énergisant, mobile-first.

Ouvrir la démo

Stack technique

Next.js 15React 19Tailwind v4Booking flow statefulAnimations CSSTypeScript

Fonctionnalités clés

  • ✓Formules avec durées variables (45 min / 60 min / 90 min / 120 min)
  • ✓Calendrier de réservation : sélection date + slot horaire en 4 étapes
  • ✓Slots déjà pris affichés en rouge (déterministe pour la démo, réel en prod)
  • ✓Page de confirmation avec récap RDV + redirection auto vers l'accueil
📷

Portfolio + Blog + Boutique · Photo

Studio Lumière — Photographe

Site photographe avec blog d'articles et boutique e-commerce complète

Site éditorial pour photographe professionnel : home portfolio plein écran avec galerie mosaïque, blog d'articles (conseils techniques, retours d'expérience), et boutique en ligne de tirages d'art en édition limitée. La boutique inclut un vrai panier fonctionnel avec ajout/retrait, modification des quantités, total en temps réel, persistance temporaire (sessionStorage), et page de checkout simulée. Police serif élégante, palette stone & fuchsia.

Ouvrir la démo

Stack technique

Next.js 15React 19Tailwind v4Context API (panier)sessionStorageTypeScript

Fonctionnalités clés

  • ✓Portfolio plein écran avec hover sur les images (titres + catégories)
  • ✓Blog d'articles avec rendu markdown léger (titres, paragraphes)
  • ✓Boutique de tirages : 8 produits, fiches produit complètes
  • ✓Panier fonctionnel : ajout, retrait, quantité, total, persistance session
🚓

Outil métier · FiveM RP

MDT SASP

Mobile Data Terminal pour la police de San Andreas

Suite logicielle complète pour les forces de l'ordre d'un serveur GTA RP : gestion d'affaires, base biométrique des suspects, mandats, dispatch radio, casiers judiciaires, training division, plaintes CID, saisies. Plus de 8 modules interconnectés avec gestion fine des permissions par grade.

Ouvrir la démo

Stack technique

Node.js + ExpressMariaDBPHP API legacySocket.io (dispatch live)Auth Discord OAuth

Fonctionnalités clés

  • ✓Tableau de bord avec stats temps réel (affaires, mandats, priorités)
  • ✓Création/clôture d'affaires avec pièces à conviction et qualifications pénales
  • ✓Recherche full-text sur suspects, plaques, dossiers
  • ✓Permissions par grade (Cadet → Sergent → Capitaine → Chef)
🎮

Whitelist & gestion serveur

Last Light RP

Système de candidatures rôles & métiers GTA RP

Site de candidatures pour un serveur FiveM whitelist : 50+ rôles répartis en 4 catégories (police, médical, civil, criminel), avec quotas par rôle, dossiers RP des joueurs, workflow d'acceptation/refus côté admin, intégration Discord pour notifs, et synchronisation auto avec la whitelist FiveM.

Ouvrir la démo

Stack technique

HTML/CSS/JS vanillaPHP backendMariaDBDiscord webhookAPI FiveM whitelist

Fonctionnalités clés

  • ✓Catalogue de rôles avec descriptions, quotas et niveaux requis
  • ✓Formulaire de candidature avec lore RP + disponibilités
  • ✓Dashboard admin : accept/refuse en 1 clic, historique complet
  • ✓Notification Discord temps réel quand une candidature arrive
🐮

Gestion d'entreprise · GTA RP

Ranch Compta

Comptabilité & RH pour entreprise de jeu de rôle

Outil complet de gestion d'entreprise pour serveur GTA RP : suivi du chiffre d'affaires, gestion des employés (embauche, paie, congés), inventaire des stocks, ventes par produit/client, notes de frais. Conçu pour Sandy Shores Ranch mais généralisable à n'importe quel business RP.

Ouvrir la démo

Stack technique

Node.jsMariaDBExpress + EJSAuth SteamExport PDF mensuel

Fonctionnalités clés

  • ✓KPIs temps réel : CA, dépenses, marge, employés actifs
  • ✓Tableau de bord avec graphique CA sur 7 mois
  • ✓Gestion employés : poste, salaire, heures, statut (actif/congés)
  • ✓Catalogue ventes : viande, lait, bétail vivant, cuir tanné

Un projet similaire en tête ?

Site métier, outil interne, app de gestion, dashboard, bot, plugin FiveM, scripts custom… On peut discuter de ton besoin et te chiffrer en quelques jours.

Demander un devis