Titouan Lacombe--Fabre

Présentation du Projet

Projet de fin d’études du Master 2, réalisé en équipe de 4 de décembre 2025 à juin 2026. Néocivis est une plateforme civic-tech qui relie les citoyens d’une ville à leur mairie. J’ai été co-lead du projet et de l’architecture globale (en binôme), tout en développant le frontend en autonomie et en pilotant la répartition des tâches et les délais.

Fonctionnalités

• 📍 Signalements urbains : géolocalisation, photo, description générée par IA et attribution automatique de tags.
• 🗺️ Côté mairie : consultation sur carte et en tableau, suivi du statut, historique des versions.
• 📰 Modules : actualités (éditeur WYSIWYG, i18n), forum d’entraide, notifications push, page mairie personnalisable, webhooks, sondages.
• 🔐 Permissions granulaires (RBAC).

Stack Technologique

• 🧱 Monorepo Turborepo : 2 applications frontend, backend serverless avec edge functions, packages partagés.
• 🖥️ Web : Next.js 16 (App Router), React 19, Tailwind CSS v4, shadcn/ui, Zustand.
• 📱 Mobile : Expo 54, React Native.
• ✅ Qualité : TypeScript strict, Biome, Vitest, architecture MVVM.

Présentation du Projet

Application web multijoueur temps réel inspirée du Loup-Garou, déployée en production (SAE de M1, équipe de 5, janvier à juin 2025). J’ai été Project Manager et chef d’équipe, contributeur à l’architecture globale et lead du développement frontend.

Architecture

Microservices (game-engine, game-discovery, chat, gateway, game-history, admin, bot) avec deux interfaces : GameUI (React) pour les joueurs et AdminUI (Angular) pour les administrateurs. Communication REST, WebSockets et SSE, sécurité JWT.

Ma contribution

• 📋 Management global : cadrage, coordination, suivi des sprints.
• 🎮 GameUI : page principale, compte, lobby et discovery, écran de jeu, historique.
• ⚙️ Service Game Discovery (backend) et GitHub Actions de la chaîne backend.

Stack Technologique

Spring Boot, React, Angular, Eureka, Docker / Docker Compose, GitHub Actions, SonarQube, Nginx, Maven. Bases polyglottes : PostgreSQL, MongoDB, Neo4j, Redis, Cassandra.

Présentation du Projet

Daily game façon Wordle autour des animes (API Jikan / MyAnimeList), réalisé en équipe de 3 en mars 2026 (SAE de M2). J’ai été lead d’équipe et en charge de l’architecture frontend.

Fonctionnalités

• 🎯 Modes daily, endless et personnage.
• ⚔️ Mode Challenge multijoueur en temps réel (salles, WebSocket).
• 🛠️ Espace administrateur : CRUD animes et personnages, statistiques.

Ma contribution

Architecture front / back, authentification, espace administrateur, refonte visuelle (charte graphique, i18n, responsive).

Stack Technologique

React, Hono, Bun, MongoDB / Mongoose, WebSockets, Better Auth, Tailwind CSS, shadcn/ui, Zustand, Vite, Docker, Biome, Vitest.

Présentation du Projet

WC Studio est une plateforme de jeux vidéo web développée dans le cadre d’une licence informatique par une équipe de trois personnes. Ce projet imposait des contraintes techniques strictes, interdisant l’utilisation de frameworks tels que React ou Vue. Il repose ainsi sur une approche minimaliste et performante, utilisant ViteJS avec du Server-Side Rendering et AlpineJS pour la réactivité du front-end. Tailwind CSS a été choisi pour le style et la mise en page. Ce projet était exclusivement front-end, sans back-end.

Concept du Projet

WC Studio est une plateforme permettant d’héberger et d’accéder à plusieurs jeux web. À l’occasion du projet, trois jeux ont été développés :

• 🎮 Snake : Un jeu classique développé à l’aide de Canvas API en JavaScript.
• 🧠 Memory : Un jeu de mémoire où les joueurs doivent retrouver des paires d’images.
• 🏆 Projet Games On Web : Intégration du jeu développé pour le tournoi Games On Web.

Stack Technologique

Le projet repose sur des technologies légères et performantes :

• ⚡ Build et Performance : ViteJS pour un développement rapide et optimisé.
• 🌐 Rendering : Server-Side Rendering pour améliorer les performances et le référencement.
• ⚙️ Réactivité : AlpineJS pour une interaction fluide et dynamique.
• 🎨 Design et Stylisation : Tailwind CSS pour une mise en page moderne et épurée.
• 🎮 Canvas API : Utilisé pour le rendu du jeu Snake.

Présentation du Projet

MangaFlow est un projet d’étude réalisé à l’IUT par un camarade et moi même. L’objectif était de concevoir un site e-commerce dédié à la vente de mangas en utilisant PHP et JavaScript vanilla. Le projet repose sur une architecture MVC en PHP et intègre des requêtes AJAX pour dynamiser l’expérience utilisateur.
Une interface de shopping ainsi qu’un panneau de monitoring ont été développés, avec une gestion des paiements via Stripe en mode développeur. Pour enrichir la base de données, un scraper a été conçu afin de récupérer automatiquement les couvertures, titres, auteurs et résumés de mangas.

Concept du Projet

MangaFlow propose une expérience d’achat fluide et intuitive pour les amateurs de mangas. Grâce à un back-office, les administrateurs peuvent gérer le catalogue et suivre les ventes, tandis que les utilisateurs peuvent explorer une bibliothèque riche et passer commande facilement.

Fonctionnalités Principales

• 🛒 Interface d’achat : Navigation fluide et intuitive pour explorer et acheter des mangas.
• 📊 Dashboard d’administration : Gestion des produits, utilisateurs et commandes.
• 🔄 Requêtes AJAX : Dynamisation des interactions pour une meilleure réactivité.
• 💳 Paiement en ligne : Intégration de Stripe (mode développeur) pour les transactions.
• 🔍 Scraping automatisé : Récupération des métadonnées des mangas pour alimenter la base de données.

Stack Technologique

MangaFlow repose sur une architecture robuste et efficace :

• 🖥️ Backend : PHP avec une architecture MVC.
• ⚡ Frontend : JavaScript vanilla pour une interaction dynamique.
• 🗄️ Base de données : MySQL pour stocker les mangas et commandes.
• 🎨 Design et Stylisation : SCSS pour un rendu visuel propre et moderne.
• 🔗 Communication : AJAX pour des échanges fluides entre client et serveur.
• 💳 Paiement : Stripe pour la gestion des transactions en ligne.
• 🤖 Automatisation : Un scraper conçu pour collecter et intégrer automatiquement des données de mangas.

Présentation du Projet

Candy Crush UE Game est une implémentation simple de Candy Crush en HTML, SCSS et JavaScript, avec un design en Glassmorphism. Ce projet a été réalisé individuellement dans le cadre d’un cours en licence. Toutes les animations ont été conçues en CSS natif pour assurer une fluidité et une esthétique modernes.

Concept du Jeu

Le jeu reprend les mécaniques classiques de Candy Crush où les joueurs doivent aligner des bonbons identiques pour marquer des points. Avec une interface élégante et translucide, le design en Glassmorphism apporte une touche moderne et épurée à l’expérience de jeu.

Mécaniques Principales

• 🍬 Mécanique de Match-3 : Alignez trois bonbons ou plus pour les faire disparaître et marquer des points.
• 🎨 Glassmorphism Design : Interface moderne avec des effets de flou et de transparence.
• 🎞️ Animations Fluides : Utilisation exclusive de CSS natif pour des transitions douces et interactives.
• ⏳ Gestion des Niveaux : Difficulté progressive avec des objectifs à atteindre.

Stack Technologique

Le projet repose sur une stack légère et optimisée :

• 🌐 Développement Web : HTML, SCSS, JavaScript pour une implémentation responsive.
• 🎨 Stylisation : Glassmorphism, SCSS pour un design moderne et soigné.
• 🎬 Animations : CSS natif pour des transitions fluides et performantes.
• ⚡ Performance et Optimisation : Code structuré et léger pour une expérience fluide.

Présentation du Projet

Informiento est un projet universitaire visant à concevoir un formulaire interactif pour le recueil des besoins. Réalisé dans le cadre de l’IUT, il se concentre sur une interface simple et accessible, garantissant une expérience utilisateur fluide et intuitive.

Concept du Projet

Le projet consiste en une page web permettant aux utilisateurs de renseigner leurs besoins à travers un formulaire structuré. L’accent est mis sur la clarté de l’interface et l’ergonomie pour assurer une saisie efficace des informations.

Fonctionnalités Principales

• 📝 Formulaire interactif : Champs adaptés pour une saisie intuitive et ergonomique.
• 🎨 Design épuré : Interface simple et claire pour une meilleure lisibilité.
• 📩 Validation des entrées : Contrôles basiques pour garantir des données cohérentes.

Stack Technologique

Le projet repose sur des technologies légères et efficaces :

• 🌐 Front-end : HTML et CSS pour une mise en page sobre et accessible.
• 🎨 Stylisation : CSS pour un rendu visuel propre et structuré.
• ✅ Validation : Utilisation des attributs HTML natifs pour assurer une saisie correcte.

Présentation du Projet

Assignment App est une application web de gestion des assignments, développée en solo dans le cadre de l’apprentissage d’Angular en Master. Cette application permet de créer, modifier et supprimer des assignments tout en offrant une interface administrateur pour générer automatiquement un ensemble de nouveaux assignments.

Concept de l’Application

L’utilisateur peut gérer une liste d’assignments, avec la possibilité d’ajouter, supprimer et modifier chaque élément. Une interface administrateur permet d’automatiser la création de plusieurs assignments à la fois.

Fonctionnalités Principales

• 📌 Gestion des assignments : Création, modification et suppression d’assignments.
• ⚙️ Interface Administrateur : Génération automatique d’un lot d’assignments.
• 📋 Affichage structuré : Liste organisée et filtrable des assignments existants.

Stack Technologique

L’application repose sur une stack moderne et efficace :

• 🎯 Framework Frontend : Angular pour une structure robuste et modulaire.
• 🎨 UI et Stylisation : Tailwind CSS et Angular Material pour une interface moderne et responsive.
• 🗄️ Base de données : MongoDB pour un stockage flexible et performant.