Front-end | Back-end | Creative developer

Arnaud Piette

Cadrage et gestion de projet

Menu Maker by Qwenta

Cadrage technique et gestion de projet d’une application web de création de menus pour restaurateurs.

Livrables de gestion de projet Menu Maker by Qwenta

Outils de gestion

Architecture technique proposée

Contexte

Menu Maker est un projet de cadrage et de planification d’une application permettant à des restaurateurs de créer et gérer leurs menus en ligne. L’objectif n’était pas de développer l’application complète, mais de préparer sa réalisation en définissant les besoins, les fonctionnalités, les tâches, les choix techniques et l’organisation du projet.

Objectifs

Livrables

Gestion de projet

Flux d’architecture proposé

  1. React / Vite
  2. API Node.js / Express
  3. Prisma ORM
  4. PostgreSQL

Cette architecture est une proposition technique retenue pour l’implémentation future. Les services complémentaires prévus sont Cloudinary pour les images, Puppeteer avec Chromium pour l’export PDF, Brevo pour les e-mails transactionnels, GitHub Actions pour la CI, Vercel pour le front-end et Render pour l’API.

Exemples de spécifications

Catégories

Spécification prévue : POST /api/menus/:menuId/categories, PATCH /api/categories/:id et DELETE /api/categories/:id. Le modèle prévu est Menu 1 → N Category avec un champ position ; le contrôleur devait vérifier que le menu appartient à l’utilisateur authentifié avant modification.

Plats et images

Spécification prévue : Category 1 → N Dish, avec nom, prix, description et image. Le flux d’upload prévu était Multer, une limite de 2 Mo, Cloudinary puis l’enregistrement de l’URL dans PostgreSQL.

Export PDF

Fonctionnalité prévue : GET /api/menus/:id/export/pdf, route protégée. Le flux prévu était React → Express → Prisma → PostgreSQL → template HTML/CSS → Puppeteer / Chromium headless → PDF A4, avec les réponses Content-Type: application/pdf et Content-Disposition: attachment.

Déploiement

Scénario prévu : React / Vite sur Vercel, Node.js / Express sur Render, PostgreSQL avec Prisma, assets Cloudinary, e-mails Brevo et CI GitHub Actions. HTTPS devait être fourni par les plateformes et les variables sensibles placées en variables d’environnement.

Veille technologique

Challenge principal

Transformer un besoin fonctionnel en plan de développement suffisamment précis pour qu’une équipe puisse commencer l’implémentation. Cela implique de relier le besoin utilisateur aux user stories, aux tâches techniques, aux dépendances, à l’architecture et aux critères de validation.

Solution apportée

La solution repose sur un découpage fonctionnel, un Kanban, la priorisation, l’estimation relative, des spécifications détaillées, une architecture cohérente, l’identification des dépendances, des choix de services externes et une veille technologique.

Résultats

Améliorations possibles

Compétences

Front-end

Back-end

Contact

Une question ?