Portfolio de Noah Rognon

Developpeur passionne qui transforme vos idees en experiences elegantes.

Noah ROGNON
Télécharger CV
Développement Web / UI Design

Emminent

L’intelligence artificielle qui parle MMI

Visiter le projet Tester l'IA
Visuel principal du projet Emminent

Contexte & Problématique

Contexte & Problématique

Dans le cadre du BUT MMI, étudiants et enseignants manquent d’outils adaptés et centralisés pour réviser, partager et organiser leurs contenus.

L’objectif : créer une plateforme qui regroupe des outils utiles, intuitifs et modernes, pensée pour les besoins réels du BUT MMI, et crédible pour un futur déploiement.

  • 01

    Défi UX/UI

    Concevoir une interface claire et intuitive, permettant d’accéder facilement à des fonctionnalités variées (chatbot, prompts, PDF, templates, espace admin) tout en gardant l’expérience utilisateur au centre.

  • 02

    Innovation Technique

    Développer un assistant pédagogique intégrant :

    • une IA avec contexte dynamique
    • un système RAG permettant d’exploiter les PDF
    • une galerie interactive de prompts et templates
    • une architecture performante et scalable
  • 03

    Performance & Sécurité

    Garantir :

    • une navigation fluide et des temps de chargement rapides
    • une interface responsive sur tous les supports
    • une sécurité robuste avec authentification et gestion des accès

85

des étudiants estiment manquer d’outils adaptés pour réviser efficacement.

72

des enseignants cherchent à moderniser leurs méthodes pédagogiques.

Solution innovante

Une plateforme qui révolutionne l’accompagnement pédagogique en centralisant des outils essentiels pour les étudiants et enseignants MMI : chatbot, RAG, prompts, templates, et espace administrateur.

Processus de Création

Processus de Création

Une approche méthodique pour transformer une idée en produit digital abouti.

Étape 01

Idéation & Design

Phase de recherche utilisateur, création des personas et développement de l’architecture de l’information. Conception des maquettes et analyse de la faisabilité technique.

  • Analyse des besoins étudiants/enseignants
  • Création de personas et parcours utilisateurs
  • Maquettage
  • Recherche technique
  • Charte graphique
Aperçu indisponible

Étape 02

Développement

Implémentation de l'architecture frontend et backend, développement des fonctionnalités clés et intégration des APIs.

  • Mise en place du front/back
  • Développement du chatbot IA et du système RAG
  • Galerie de prompts et templates avec filtres
  • Authentification et espace admin
  • Mise en place des bases de données
Aperçu indisponible

Étape 03

Test & Déploiement

Phase de tests approfondis, optimisation finale et déploiement en production.

  • Tests unitaires et d'intégration
  • Vérification de toutes les fonctionnalités
  • Déploiement de la base de données et du site
Aperçu indisponible

Résultat Final

Résultat Final

Une expérience prête à être déployée, pensée pour livrer rapidement de la valeur tout en conservant performance et cohérence de marque.

  • Un chatbot IA contextuel
  • Un système RAG avec upload de PDF
  • Une galerie de prompts et templates partageables
  • Un système de likes/dislikes pour classer les meilleurs contenus
  • Une interface responsive et performante (0,8s au premier chargement)
Desktop
Version desktop du projet Emminent
Mobile
Version mobile du projet Emminent

Stack Technologique

Stack Technologique

Astro

Framework

TypeScript

Langage

TailwindCSS

Styling

JavaScript

Backend

PocketBase

Database

Supabase

RAG

GitHub

Versioning

VPS

Deployment

Netlify

Deployment

Temps de chargement ultra-rapides Sécurité robuste avec authentification Interface responsive optimisée mobile, tablette et desktop

Impact & Bilan

Impact & Bilan

Ce que j’ai appris

Maîtrise d’une architecture full-stack moderne avec Astro, TypeScript et JavaScript

Utilisation avancée de Supabase et PocketBase pour structurer les données

Construction d’un design system cohérent et accessible

Optimisation front et back : lazy loading, code splitting, AlpineJS

Atteinte d’un score de performance élevé (98/100 Lighthouse)

Ce que je referais autrement

Mieux répartir le développement des fonctionnalités lourdes

Intégrer des tests utilisateurs plus tôt dans le projet

Rédiger une documentation technique complète et structurée

“Ce projet m’a permis de repousser mes limites techniques tout en gardant l’utilisateur au centre de chaque décision. Une expérience enrichissante qui confirme ma passion pour le développement full-stack.”

12

Semaines de développement

10

Technologies maîtrisées

50

Heures de développement

98%

Score de performance

// Chaque projet est une nouvelle opportunité d'innover.

Envie de construire votre prochain projet ?

Discutons de vos besoins, explorons vos idées et donnons vie à une expérience incomparable.

Envoyez-moi un message

Informations de contact

Reseaux sociaux

Suivez-moi pour decouvrir mes derniers projets et creations !