Maxadev

<p>Conception et développement d’une <strong>application web privée de gestion de bibliothèque vidéo personnelle</strong>, permettant à des utilisateurs autorisés de consulter un catalogue, soumettre des demandes d’ajout de contenus, suivre leur traitement et administrer la disponibilité des fichiers vidéo au sein d’un environnement personnel.</p><p>La mission a couvert :</p><ul><li><p>le <strong>cadrage produit</strong> et la structuration des parcours utilisateurs,</p></li><li><p>le <strong>développement full-stack</strong> de la plateforme,</p></li><li><p>la mise en place d’une <strong>interface d’administration</strong>,</p></li><li><p>l’<strong>intégration avec Jellyfin</strong>,</p></li><li><p>l’amélioration de l’<strong>expérience utilisateur</strong>,</p></li><li><p>ainsi que la <strong>préparation au déploiement</strong>.</p></li></ul><h2>Travaux réalisés</h2><ul><li><p>Définition et implémentation du workflow principal de <strong>gestion des demandes utilisateurs</strong></p></li><li><p>Mise en place d’un <strong>espace administrateur</strong> pour le suivi et le traitement des demandes</p></li><li><p>Développement des fonctionnalités d’<strong>invitation</strong>, d’accès privé et de gestion de compte</p></li><li><p>Structuration des <strong>statuts métier</strong> et clarification des états côté utilisateur et administration</p></li><li><p>Refonte UX/UI pour rendre l’application plus claire, cohérente et exploitable au quotidien</p></li><li><p>Ajout de <strong>notifications push web</strong> pour certains événements de gestion</p></li><li><p>Enrichissement de l’affichage catalogue avec métadonnées et visuels quand disponibles</p></li><li><p>Préparation technique du projet pour une <strong>mise en production conteneurisée</strong></p></li></ul><h2>Stack / technologies</h2><ul><li><p><strong>Next.js</strong></p></li><li><p><strong>TypeScript</strong></p></li><li><p><strong>Prisma</strong></p></li><li><p><strong>PostgreSQL</strong></p></li><li><p><strong>Docker</strong></p></li><li><p><strong>Jellyfin</strong></p></li><li><p><strong>Service Worker / Web Push</strong></p></li></ul><h2>Contraintes et enjeux</h2><ul><li><p>Concevoir une application <strong>privée</strong>, simple d’usage et administrable</p></li><li><p>Assurer une bonne séparation entre <strong>catalogue disponible</strong>, <strong>demandes en cours</strong> et <strong>contenus en cours d’ajout</strong></p></li><li><p>Maintenir une UX fluide malgré une logique métier multi-étapes</p></li></ul>

Maxa Movies est une application web privée de gestion et de suivi d’une vidéothèque personnelle.
Elle permet à des utilisateurs autorisés de consulter un catalogue de contenus vidéo, d’exprimer des demandes d’ajout, de suivre l’état de traitement de ces demandes, et à un administrateur de gérer la disponibilité des fichiers vidéo dans la bibliothèque.

Le projet agit comme une interface de pilotage et d’organisation autour d’une collection de médias vidéo déjà détenus, indexés ou synchronisés dans un environnement personnel.
Il centralise les demandes utilisateurs, le suivi administratif, l’affichage du catalogue, et certaines métadonnées associées aux contenus afin d’améliorer la consultation et la gestion de la bibliothèque.

Scraping

DevOps

Fullstack Development

maxa-movies

Ecole CESI

<p>Projet dans le cadre de mes études, refaire le MVP de UberEat.</p><p></p><p>Spécification du projet :</p><ul><li><p>Microservices (Docker)</p></li><li><p>Gitlab CI/CD</p></li><li><p>API Gateway (KrakenD) </p></li><li><p>Gestion et actualisation en direct (websocket)</p></li><li><p>Base de données relationnelle et non relationnelle (MariaDB, MongoDB) - ORM Prisma </p></li><li><p>Gestion des accès (JWT)</p></li><li><p>Personnalisation des utilisateurs (livreurs, clients, restaurants, admin...)</p></li><li><p>Mise en production - Auto-Heberger infrastructure self-made.</p></li><li><p>Multi-technologies : VueJS, Quasar, NextJS, express.js et Axios.</p></li></ul><p></p><p>Gestion de projet Agile - en groupe de 3, réaliser en 1 mois (rôle perso - similaire LeadDev)</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmhp07upq9xub5xf31aj47o1n.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmhp08kfdaq435tdh02r28rke.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmhp09d8m9zv75xf3f5hlgls1.png"><div class="image-overlay"></div></div></div></div>

Projet d'étude - UberEat like

ArcelorMittal Distribution Solution

<ul><li><p><strong>Analyse des règles métier : </strong>(domain industrielle/logistique - métallurgique)</p></li><li><p><strong>Exploitation d’outils d'extraction NLP et OCR </strong>: (API Azure OpenAI - Azure AI foundry) - Extraction depuis : text, images, PDF, word, excel</p></li><li><p><strong>Automatisation</strong> : réception des e-mails, identification des clients, recherche de produits, gestion des stocks, interaction ERP (SAP), stockage des articles et autres (SOLR et MongoDB)</p></li><li><p><strong>Évolution continue et réactive</strong> veille active, suivi des avancées technologiques actuelles (LLM, IA, etc.)</p></li><li><p><strong>Reduction des temps de traitement de 70%</strong> : de &gt;15minutes à &lt;4minutes</p></li><li><p><strong>Volume important : </strong>&gt;2 millions de produits/an sur la 1ere années de déploiement</p></li><li><p><strong>Déploiement serveur</strong> - Gitlab CI/CD - docker et kubernetes (AKS)</p></li><li><p><strong>Gestion asynchrone </strong>- RabbitMQ</p></li><li><p><strong>Suivi/KPI et monitoring: </strong>Création de Dashboard personnalisé pour le débug (log et tableau en direct), gestion des statistiques et mise en visuelle avec PowerBI et Kibana (Suite ELK et BDD)</p></li><li><p><strong>Méthode : </strong>POC / MVP - Méthode agile en direct avec les équipes business.</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmhozk9wo9sxo5tdh7ugd4bx5.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmhozlq0x93sq5xf3hfij7yuz.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmhoznkeb96g65xf30xpbcul4.png"><div class="image-overlay"></div></div></div></div>

Création automatisée de devis, traitement par IA des demandes clients par e-mail (avec gestion des pièces jointes) pour générer automatiquement des devis connectés au progiciel de l’entreprise.

Testing & QA

Cybersecurity

Quotes Automations

<p><strong>Exemples</strong> :</p><p><a href="https://handesport.fr" rel="noopener noreferrer nofollow" target="_blank">https://handesport.fr</a>  </p><p><a href="https://cv.maxenceleroux.fr" rel="noopener noreferrer nofollow" target="_blank">https://cv.maxenceleroux.fr</a>  </p><p><a href="https://www.maxadev.fr" rel="noopener noreferrer nofollow" target="_blank">https://www.maxadev.fr</a>  </p><p></p><p><strong>Stack principale</strong> : Next.js  </p><p><strong>Style</strong> : TailwindCSS  </p><p></p><p><strong>Pour le site</strong> “Maxadev”, création d’une infrastructure distribuée avec une interface centrale dédiée à la gestion des blogs de plusieurs sites.  </p><p>Chaque site expose une API avec un CRUD sécurisé vers un site administrateur unique.  </p><p></p><p><strong><u>Choix techniques :</u></strong></p><ul><li><p>Stockage des informations des blogs avec SQLite au niveau du site vitrine.  </p></li><li><p>Utilisation des fonctionnalités clés de Next.js : NextAuth, SSR, page routing.<br></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmhoz82lw8yrm5sf094r9bv13.png"><div class="image-overlay"></div></div></div></div></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmhoz8cej9cd65tdh75qgchlg.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmhoz8q5v8lry5xf3e9lx0jed.png"><div class="image-overlay"></div></div></div></div>

Création de site vitrine statique et/ou avec blog dynamique en "Vanilla Development"

Maxence Leroux

Software Engineer — GenAI · DevOps · Cloud

À propos

Expérience de travail

Maxadev - Freelance et consultant

ArcelorMittal Distribution Solutions France

Alternant - Développement - Application architecture

Developer - Application Architect - Generative AI

Développement web

Développeur logiciels

Développeur

Adjoint administratif hospitalier / DSIO

Adjoint administratif hospitalier / DSIO

Agent logistique

Formation

CESI

Licences et certifications

CCNAv7 — Cisco Certified Network Associate

Portfolio

maxa-movies

Maxadev

Projet d'étude - UberEat like

Ecole CESI

Quotes Automations

ArcelorMittal Distribution Solution

Sites vitrines

Maxadev

Talents

Recruteurs

À propos