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.

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

À propos & Compétences

À propos

Je suis Arnaud Piette, directeur de création, directeur artistique et développeur web.

Mon parcours vient d’abord de la création avec 20 ans d’expérience dans le domaine : direction artistique, identité de marque, publicité, illustration, webdesign et conception d’expériences digitales. Au fil des projets, j’ai voulu aller plus loin que la conception graphique et être capable de comprendre et construire moi-même les interfaces que j’imaginais.

J’ai donc complété mon expérience créative par une formation de développeur web chez OpenClassrooms, avec des projets couvrant l’intégration responsive, JavaScript, React, Node.js, Express, les API REST, les bases de données, l’authentification, la sécurité, le SEO, les performances et l’accessibilité.

Cette double compétence me permet aujourd’hui d’aborder un projet de manière globale : comprendre le besoin, concevoir son identité et son expérience utilisateur, puis participer concrètement à son développement.

Des projets comme Kasa, Mon Vieux Grimoire ou Nina Carducci m’ont permis de consolider mes compétences techniques, tandis que mes expériences en direction artistique m’ont appris à défendre une intention, construire un système visuel cohérent et penser l’expérience du point de vue de l’utilisateur.

Je développe également Noon, un projet personnel d’assistant IA, qui me permet d’aller plus loin dans la conception produit, l’interface, l’architecture logicielle et l’expérimentation autour de l’intelligence artificielle.

Mon approche reste la même quel que soit le projet : chercher une solution claire, cohérente, utile et soignée jusque dans les détails.

Aujourd’hui, je souhaite mettre cette complémentarité création + développement au service de projets numériques où design et technique ne sont pas traités comme deux disciplines séparées.

Compétences

Front-end

Back-end

Contact

Une question ?