Le projet

Une application e-commerce complète pour l'électronique et l'électroménager, construite avec un frontend vanilla HTML/CSS/JS et un backend Node.js/Express, jusqu'à un état prêt pour la production.

Système multi-rôles

• Admin, caissière, gestionnaire de stock et livreur — chacun avec son propre parcours
• Workflow complet de livraison avec signature électronique
• Dashboard analytics avec Chart.js, système de promotions et coupons

Problèmes résolus

• Remplacement du contenu statique codé en dur par des données dynamiques pilotées par API
• Correction de la logique de redirection des comptes manager
• Job cron automatisé pour la restauration du stock

Statut

Prêt pour la production, en préparation de déploiement sur un sous-domaine Hostinger déjà provisionné.

Aperçu de l'application

Accueil

alltech.bj

Hero dynamique mettant en avant un produit vedette, avec accès direct au catalogue et aux offres.

Navigation

alltech.bj

Catalogue organisé par univers, avec comptage de produits en temps réel par catégorie.

Catalogue

alltech.bj/produits

Filtres par catégorie, fourchette de prix et marque pour affiner la recherche.

Fiche produit

alltech.bj/produit/jbl-xtreme-3

Stock en temps réel, garantie constructeur, livraison et paiement MTN Money / Moov Money / carte affichés directement sur la fiche.

Admin — Rôles & accès

alltech.bj/admin/roles

Gestion centralisée des comptes : client, livreur, caissière, gestion de stock, administrateur.

Admin — Codes promo

alltech.bj/admin/promo

Création de codes promo avec réduction, plafond, seuil minimum et durée de validité.

Espace livreur

alltech.bj/livreur

Chaque livraison est validée par une signature électronique horodatée, consultable comme preuve de réception.

$ status all-tech
✓ En production · 4 rôles actifs · déploiement Hostinger en préparation

Le problème résolu

Dans un restaurant, la prise de commande papier ou verbale entre la salle et la cuisine génère des erreurs, des oublis (allergies, préférences) et ralentit le service. Ce projet digitalise tout le parcours commande — du client jusqu'à l'encaissement — via une application installée sur l'ordinateur du restaurant, sans abonnement ni service cloud tiers.

Commande client par QR code

• Le client scanne le QR code de sa table et accède à un menu digital complet, avec catégories, plat du jour et recherche
• Choix entre mode "sur place" et "à emporter"
• Note personnalisée par plat (allergies, préférences) transmise automatiquement jusqu'en cuisine
• Suivi en temps réel de la commande : Envoyée → En préparation → Prête

Écran cuisine (Kitchen Display System)

• Commandes reçues en direct via WebSocket, organisées en trois colonnes : Nouvelles, En préparation, Prêtes
• Code couleur d'urgence selon le temps d'attente
• Annonce vocale de chaque commande à son arrivée, notes incluses — les mains et les yeux du personnel restent libres

Caisse & back-office admin

• Encaissement groupé par table : les commandes multiples d'un même repas sont additionnées en une seule note, séparée automatiquement entre Boissons et Nourriture
• Gestion complète du menu, des catégories et du plat du jour
• Tableau de bord des ventes, modération des avis clients, gestion de la galerie photo et des événements
• Génération automatique des QR codes par table

Point différenciant

Le projet est conçu comme un produit réutilisable et revendable à différents restaurants : une simple modification de configuration (nom, tagline, description) suffit à le rebrander entièrement pour un nouveau client, sans toucher au code. Il reflète une vraie réflexion produit sur les flux métier réels d'un restaurant — commandes multiples par table, séparation salle/cuisine, mode à emporter — plutôt qu'un simple CRUD.

Aperçu de l'application

Poste restaurant

Chez Fifamé — Console

Au lancement, l'ordinateur du restaurant choisit son rôle — cuisine, caisse ou admin — et affiche l'adresse locale à partager pour générer les QR codes des tables.

Commande client — sur mobile

Le client scanne le QR code de sa table (ici Table 22, détectée automatiquement), parcourt le menu par catégorie, puis envoie sa commande directement en cuisine — le tout depuis son propre téléphone.

Écran cuisine (KDS)

KDS — Cuisine

Nouvelles commandes, en préparation, prêtes — avec chronomètre par commande et notes du client mises en évidence.

Caisse — encaissement

Caisse — Table 22

Les cinq commandes passées séparément par la table 22 sont regroupées en une seule addition, prête à encaisser.

Admin — Statistiques

Dashboard — Chez Fifamé

Chiffre d'affaires du jour, commandes, plats les plus vendus et historique sur 7 jours, en plus de la gestion du menu, des tables et des événements.

$ status chez-fifame
✓ Produit rebrandable · zéro dépendance cloud · 100% hors-ligne

Le projet

Une application complète pour un hôtel-restaurant : site public, portail client, dashboard admin, commande de repas et système de réservation — conçue au départ comme un projet de démonstration pour convaincre le client à un tarif fixé.

Ce qui a été livré

• Flux de panier et gestion des commandes
• Frontend animé (effet machine à écrire, parallax, compteurs)
• URL d'administration secrète pour l'accès admin

Problèmes résolus

Synchronisation de session entre PHP et JS, boucles de redirection, authentification admin et réorganisation de la structure de fichiers.

Statut

Mise en production prévue ultérieurement.

$ status emefa
✓ Pitch validé par le client · déploiement prévu ultérieurement

Le projet

Un site e-commerce de vente de téléphones, déployé en production sur un hébergement mutualisé gratuit.

Ce qui a été livré

• Dashboard analytics admin construit à partir des tables existantes en base de données
• Système de notation et d'avis client

Problèmes résolus

• Résolution de la sensibilité à la casse propre à Linux lors du déploiement
• Problèmes de dépendances et d'identifiants
• Système de réinitialisation de mot de passe repensé en solution autonome, en raison des limitations SMTP de l'hébergeur

$ status minics-gksphone
✓ En production sur InfinityFree · dashboard analytics actif

Le projet

Une boutique en ligne de bijoux, construite avec un système d'inscription client et de notation par étoiles.

$ status lumiere-or
✓ Livré · inscription client et notation par étoiles actifs

Le projet

Le site que tu es en train de consulter. Construit en HTML/CSS/JS pur, sans framework, avec un système de design entièrement personnalisé — palette claire, typographie composée de trois familles (Fraunces pour les titres, Inter pour le texte courant, IBM Plex Mono pour les éléments techniques), et une identité visuelle pensée spécifiquement pour présenter du travail de développeur, pas un template générique.

Navigation

• Menu à trois barres, avec panneau coulissant animé en JavaScript, plutôt qu'une barre de liens classique
• Fermeture au clic sur un lien, en dehors du panneau, ou à la touche Échap

Présentation des projets

• Système de mockups sur mesure : cadre "navigateur" avec URL factice pour les captures d'écran desktop, cadre "téléphone" avec encoche pour les parcours mobile
• Cartes projets avec ombre et léger zoom au survol de la photo
• Terminal animé sur l'accueil, reprenant les vrais chantiers techniques menés sur chaque projet

Aperçu de l'application

Menu ouvert

cmv2026.com/tossaemarilace

Le panneau de navigation glisse depuis la droite, fond assombri derrière — pas de barre de liens classique.

Page Projets

cmv2026.com/tossaemarilace/projets.html

Chaque étude de cas suit la même structure : contexte, fonctionnalités, captures, signature terminal.

À propos

cmv2026.com/tossaemarilace/apropos.html

Photo intégrée dans un cadre décalé en accent, avec légende — plutôt qu'une image posée seule.

Accueil — sur mobile

Le site est entièrement responsive — testé et corrigé spécifiquement pour l'affichage mobile.

Déploiement

Site statique déployé par transfert FTP, entièrement responsive — testé et corrigé spécifiquement pour l'affichage mobile (galeries de captures qui passent d'une grille à une colonne unique selon la largeur d'écran).

$ status portfolio
✓ En ligne sur cmv2026.com · six projets documentés