Project Oxygen & Ideo-LabIDEO LAB Dashboard 2026

🧠 MCE – Mini-projets & Ateliers

BibliothÚque de mini-projets pour former les juniors et évaluer les candidats, en appliquant la Méthode Context Engineering (CDCF, AF, Context Packs, LLM, tests
).

1.1

API Backend – Todo / Tickets

Atelier “classique” mais ultra complet : CDCF, AF, modĂšle de donnĂ©es, API REST, tests, usage structurĂ© d’un LLM.

Backend Django / FastAPI / Node
1.2

Mini SaaS Fullstack

Petit SaaS (notes, contacts, factures) avec backend + front + auth et pilotage par Context Pack.

Fullstack React / Vue
1.3

DevOps & Cloud – Script de dĂ©ploiement

De zĂ©ro Ă  “deploy.sh” (ou Ansible/Terraform) pour une app Django+DB, avec plan MCE et revue de sĂ©curitĂ©.

DevOps Cloud
2.1

Moteur de recherche simplifié

Indexer les pages IDEO-Lab, proposer un scoring, un autocomplete et un Context Pack dĂ©diĂ© “search”.

Search Scoring
2.2

Refactor de code legacy

On part d’un module “spaghetti”, on fait AF + plan de refactor avec l’IA, puis code propre et testĂ©.

Refactor Qualité

Atelier “MCE pur”

CDCF, AF, Context Pack et Session Logger, sans coder une seule ligne : Ă©valuation de la maturitĂ© “Context Engineering”.

Context Packs Session Logger
Guide d’utilisation des mini-projets MCE
Pour la formation interne
  • Choisir 1 mini-projet par thĂ©matique (Backend, DevOps, MCE pur
).
  • Imposer l’usage du MCE Pack Generator + Session Logger.
  • Organiser une revue MCE : chaque Ă©quipe prĂ©sente son pack, son code, ses limites.
  • Archiver tous les artefacts (packs + sessions) dans un repo mce_training/.
Pour l’évaluation de candidats
  • Donner 1 Ă  2 mini-projets selon le niveau (junior / senior / lead).
  • Temps limitĂ© (2–4 h) : mĂ©thode > quantitĂ© de code.
  • Scorer sur : Contexte, AF, IA, Code, Explication.
  • Option : session live 30 min oĂč le candidat “pilote” un LLM devant vous.
IdĂ©e : constituer au fil du temps une “MCE Academy” IDEO-Lab, avec les meilleurs packs, prompts, sessions et corrections commentĂ©es.
Grille de scoring globale – Mini-projets MCE
DimensionQuestionScore 0–5
Contexte & CDCFLe besoin, les limites et les non-objectifs sont-ils clairement posés ?
Analyse FonctionnelleScĂ©narios, cas d’erreur, donnĂ©es, rĂšgles sont-ils bien captĂ©s ?
Usage MCE / IAContext Pack, prompts & sessions sont-ils structurés, versionnés, lisibles ?
Code & testsCode lisible, dĂ©coupĂ©, testĂ©, cohĂ©rent avec le CDCF & l’AF ?
ExplicationLe candidat sait-il expliquer ses choix, arbitrages et limites ?
Exemple de lecture : > 20 / 25 = trùs bon niveau MCE ; 15–19 = solide ; < 15 = points à travailler (ou risque pour un rîle de lead / architecte).
1.1 Mini-projet Backend – API Todo / Tickets
Brief (Ă  donner au candidat)

Concevoir une API REST de gestion de tùches (todo / tickets) pour une petite équipe interne (~20 utilisateurs).

  • CrĂ©er / lister / mettre Ă  jour / clĂŽturer des tĂąches.
  • Assigner une tĂąche Ă  un membre d’équipe.
  • Filtrer les tĂąches par statut ou par assignĂ©.
  • Historiser les changements de statut (qui ? quand ?).
Exemple de CDCF “light” (à donner comme modùle)
Objectif : - Permettre Ă  une Ă©quipe interne de suivre les tĂąches en cours, les prioriser et savoir qui travaille sur quoi. Utilisateurs : - Membres d'Ă©quipe (crĂ©ent et gĂšrent leurs tĂąches). - Lead (peut reassigner une tĂąche, changer la prioritĂ©). Fonctions principales : - CrĂ©er une tĂąche avec titre, description, prioritĂ©, statut initial TODO. - Assigner la tĂąche Ă  un membre (facultatif). - Voir la liste des tĂąches filtrĂ©es par statut, assignĂ©, prioritĂ©. - Mettre Ă  jour le statut (TODO → DOING → DONE). - Voir l'historique des changements de statut. Non-objectifs : - Pas de gestion multi-projet. - Pas de piĂšces jointes. - Pas de notifications email / Slack.
Consignes MCE
  • Écrire un CDCF light (ou adapter l’exemple ci-dessus).
  • Produire une AF :
    • liste des endpoints,
    • schĂ©ma JSON des payloads,
    • codes de retour et principaux cas d’erreur.
  • CrĂ©er un Context Pack MCE avec le MCE Pack Generator.
  • Utiliser un LLM pour :
    • proposer un modĂšle de donnĂ©es,
    • esquisser les endpoints,
    • suggestion de tests unitaires.
Questions Ă  poser au LLM
  • “Propose-moi un modĂšle de donnĂ©es minimal pour ce CDCF.”
  • “Donne-moi les endpoints REST avec exemples de requĂȘtes / rĂ©ponses.”
  • “Propose 5 tests unitaires utiles sur l’API de tĂąches.”
Exemple de Context Pack (extrait)
# API Todo – Context Pack MCE (extrait) ## 2. Objectif de la session IA Proposer un modĂšle de donnĂ©es et les endpoints REST pour une API de gestion de tĂąches (todo/tickets) pour une petite Ă©quipe interne (~20 users). ## 4. Contexte technique - Backend : Django + Django REST Framework - DB : PostgreSQL - Auth : JWT simple - Contraintes : simplicitĂ©, lisibilitĂ©, tests unitaires minimum ## 6. Format de sortie souhaitĂ© - ModĂšle Django (models.py) - Vue DRF (viewsets + serializers) - 5 exemples de tests pytest
Le candidat est Ă©valuĂ© sur sa capacitĂ© Ă  structurer et utiliser l’IA, pas Ă  tout coder au pixel prĂšs.
Scoring spécifique Backend
CritùreDescription0–5
ModÚle de donnéesEntités claires (Task, User), statuts cohérents, relations simples.
Endpoints & AFEndpoints bien dĂ©finis, cas d’erreur prĂ©vus, cohĂ©rence avec le CDCF.
TestsTests pertinents (création, update, filtres, erreurs).
Usage IAContext Pack utilisé, session log, prompts lisibles.
Exemple d’API (Ă  garder comme rĂ©fĂ©rence interne)
GET /api/tasks/ # liste / filtres ?status=TODO&assigned_to=... POST /api/tasks/ # créer GET /api/tasks/{id}/ # détail PATCH /api/tasks/{id}/ # MAJ partielle (titre, desc, assigné, statut) GET /api/tasks/history/{id}/ # historique des statuts Status: TODO, DOING, DONE
1.2 Mini-projet Fullstack – Mini SaaS
Brief

CrĂ©er un mini SaaS “Contact Manager” (ou Ă©quivalent) avec :

  • Backend API (CRUD contacts)
  • Front (React / Vue) avec 3–4 Ă©crans max
  • Login simple (fake ou vrai JWT)
Exemple d’écrans
  • Écran 1 : Login / SĂ©lection d’un “tenant” simple.
  • Écran 2 : Liste des contacts + recherche + filtres.
  • Écran 3 : Formulaire de crĂ©ation / Ă©dition de contact.
  • Écran 4 (option) : petit tableau de bord (compter les contacts par tag).
Consignes
  • DĂ©finir un CDCF + AF sur :
    • les Ă©crans,
    • les flux (CRUD basiques),
    • les rĂŽles (user simple / admin optionnel).
  • Utiliser un LLM pour :
    • suggĂ©rer la structure des composants,
    • dĂ©finir les endpoints et le typage TS (si utilisĂ©),
    • gĂ©nĂ©rer quelques tests front (facultatif).
  • Produire un Context Pack “mini_saas_contacts”.
Exemple de Context Pack (extrait)
## 2. Objectif de la session IA M'aider à concevoir la structure front (React) + les endpoints API pour un mini SaaS de gestion de contacts (3-4 écrans). ## 4. Contexte technique - Front : React + React Router + fetch (ou axios) - Backend : API REST (Django ou Node) - Auth : page login simple, pas de social login
Scoring Fullstack
  • UX simple mais logique : navigation claire, on ne se perd pas.
  • ClartĂ© des responsabilitĂ©s : front vs back.
  • Usage IA : prompts orientĂ©s Ă©crans / API, pas juste “code moi ça”.
  • Tests / validation : au moins une forme de vĂ©rification (tests ou scĂ©nario manuel).
1.3 Mini-projet DevOps & Cloud – Script de dĂ©ploiement
Brief

Automatiser le dĂ©ploiement d’une petite app web (Django + Postgres, ou Ă©quivalent) sur une VM Linux (Ubuntu).

Exemple de plan de déploiement (extrait)
1. PrĂ©-requis - VM Ubuntu 22.04, accĂšs SSH, user "deploy". - Nom de domaine pointant vers la VM. 2. Étapes principales - Installation des paquets (python, venv, nginx, postgresql...). - CrĂ©ation utilisateur systĂšme pour l'app. - CrĂ©ation venv + installation dĂ©pendances. - CrĂ©ation DB + user PostgreSQL. - Config systemd (gunicorn) + config Nginx. - Test de l'URL / healthcheck. 3. Non-objectifs - Pas de HA, pas de multi-VM, pas de monitoring avancĂ©.
Consignes
  • RĂ©diger un plan de dĂ©ploiement clair (comme ci-dessus).
  • Utiliser un LLM pour :
    • gĂ©nĂ©rer un script bash ou un playbook Ansible,
    • identifier les piĂšges classiques (permissions, firewall, systemd
),
    • proposer des checks finaux (curl, systemctl status, etc.).
Exemple de script (extrait)
#!/usr/bin/env bash set -e APP_USER="myapp" APP_DIR="/opt/myapp" sudo apt update sudo apt install -y python3-venv python3-pip nginx postgresql # user + répertoires sudo useradd -m -s /bin/bash ${APP_USER} || true sudo mkdir -p ${APP_DIR} sudo chown ${APP_USER}:${APP_USER} ${APP_DIR} # (suite : venv, git clone, gunicorn, nginx...)
Le but n’est pas d’avoir un script prĂȘt-prod, mais de vĂ©rifier que le candidat sait dialoguer avec un LLM sur un sujet DevOps rĂ©el.
Scoring DevOps
  • Script rejouable, lisible, commentĂ©.
  • Prise en compte des droits / users / services.
  • VĂ©rifications finales (healthcheck, status services).
  • Session IA documentĂ©e, prompts non “magiques”.
2.2 Mini-projet – Refactor de code legacy
Brief

À partir d’un module Python (ou JS) volontairement “spaghetti”, proposer une version refactorisĂ©e + tests.

Exemple de code legacy (extrait)
def process_items(items, user, verbose=False): # beaucoup de logique mélangée, if imbriqués, prints, etc. ...
Consignes
  • Comprendre le comportement existant (AF minimale).
  • Utiliser un LLM pour :
    • identifier les “smells”,
    • proposer un plan de refactor Ă©tapes par Ă©tapes,
    • esquisser une version refactorisĂ©e.
  • Écrire des tests pour figer le comportement avant refactor.
Exemple de questions IA
  • “Explique-moi ce que fait cette fonction aujourd’hui.”
  • “Propose une dĂ©composition en fonctions plus petites sans changer le comportement.”
  • “Propose 5 tests unitaires qui couvrent les cas importants.”
Scoring Refactor
  • Niveau de comprĂ©hension de l’existant avant refactor.
  • QualitĂ© du plan proposĂ© (pas juste “recoder from scratch”).
  • Code refactorisĂ© lisible, dĂ©coupĂ©, testĂ©.
  • CapacitĂ© Ă  expliquer ce qui a changĂ© et ce qui a Ă©tĂ© laissĂ© en l’état.
2.3 Atelier “MCE pur” – Contexte, Packs & Sessions
Brief

À partir d’un mini-projet au choix (ex : API Todo, Search Engine, DevOps), produireles artefacts MCE, sans coder l’implĂ©mentation complĂšte.

Objectif : mesurer la capacitĂ© Ă  “penser” un projet logiciel avec la MĂ©thode Context Engineering, avant de toucher au code.

Artefacts Ă  livrer
  • CDCF light (1–2 pages) pour le mini-projet choisi.
  • AF textuelle :
    • acteurs, scĂ©narios principaux, cas d’erreur, rĂšgles mĂ©tier,
    • schĂ©ma haut-niveau (tableau ou diagramme simple).
  • Context Pack MCE complet (via MCE Pack Generator).
  • 1 session IA documentĂ©e (via MCE Session Logger) :
    • objectif de la session,
    • prompts clĂ©s,
    • dĂ©cisions prises,
    • limitations / TODO.
  • Un plan de rĂ©alisation (liste de tĂąches / Ă©tapes de dev).
Utilisation idĂ©ale pour : Architectes, Leads, Chefs de projet techniques ; mais aussi pour former les juniors Ă  “penser avant de coder”.
Scoring MCE pur
  • ClartĂ© et structuration du CDCF / AF.
  • QualitĂ© du Context Pack (compact, prĂ©cis, exploitable par un LLM).
  • Organisation de la session IA (objectifs, tournants, dĂ©cisions).
  • CapacitĂ© Ă  dĂ©gager un plan de rĂ©alisation rĂ©aliste.