portfolio | réalisations
portfolio | réalisations
Projet — MedInfo Assist (Application IA Santé, 2025)
MedInfo Assist est une application web d’intelligence artificielle conçue pour rendre le langage médical accessible à tous.
Le projet a été développé en tant que démonstration technique pour le Forum Santé pour Tous 2025 – “IA et données de santé au service de l’innovation”.
L’application combine un frontend moderne en Next.js et une API FastAPI optimisée grâce à l’IA Groq (LLaMA3-70B).
🔍 Objectifs du projet
Permettre à tout utilisateur de comprendre des termes médicaux complexes.
Générer des conseils de prévention personnalisés en langage simple.
Démontrer une architecture cloud complète (backend + frontend + IA).
🧠 Fonctionnalités principales
Analyse IA des textes médicaux
Conseils santé générés automatiquement
Affichage Markdown lisible et structuré
Interface responsive et ergonomique
Architecture cloud stable:
Frontend : Vercel
Backend : Render
IA : Groq (LLaMA3-70B)
🏗️ Stack technique
Next.js 14 • TypeScript • TailwindCSS • FastAPI • Python 3.13 • Groq LLM • GitHub • Render • Vercel
🌐Lien de démonstration
👉 https://medinfo-assist.vercel.app
📘 Code source
👉 https://github.com/Crea2Code/medinfo-assist
CAF-Aides (Angular) – étude de cas
Application web de simulation d’aides sociales (Angular 20 + Vite + CI/CD)
GitHub : https://github.com/Crea2Code/caf-aides
DEMO : https://crea2code.github.io/caf-aides/
Contexte du Projet
Voici CAF-Aides, une application Angular 20 développée avec Vite.
Elle permet de simuler des aides sociales, gérer des dossiers et prendre rendez-vous, le tout en local.
J’y ai intégré des formulaires réactifs, des validations dynamiques et un déploiement continu sur GitHub Pages.
Ce projet illustre ma maîtrise du framework Angular et ma rigueur dans le développement front-end.
Ce projet est développé dans un contexte d’apprentissage professionnel en environnement front-end moderne (Angular), avec une architecture micro-frontends ready, CI/CD automatisée, et un design modulaire orienté composants standalone.
Ce que j’ai mis en place
✅ Architecture Angular 20 (CSR) entièrement refondue (suppression du SSR)
✅ Nouveau module “Rendez-vous” avec gestion des formulaires réactifs, validation avancée (dates futures, horaires, week-ends) et stockage local
✅ Déploiement automatisé CI/CD sur GitHub Pages via workflow deploy-pages.yml
✅ Tests unitaires Karma/Jasmine pour valider les règles de calcul et de formulaire
✅ Mise à jour complète vers Angular 20.3.4 + CI stable
🛠️ Stack technique
| Technologie | Rôle |
|---|---|
| Angular 20 | Framework front-end |
| TypeScript | Langage principal |
| SCSS | Styles modulaires |
| Standalone Components | Architecture moderne sans NgModule |
| Angular Router | Gestion des routes |
| Reactive Forms (à venir) | Gestion des formulaires |
| GitHub Actions | CI/CD automatisée |
| Zone.js / SSR Ready | Compatibilité serveur et navigateur |
Site one page | Secteur informatique
Création du Site One Page pour DLM INFORMATIQUE
Client : DLM INFORMATIQUE
Projet : Présentation du logiciel Amara – Solution Intelligente de Gestion d’Entreprise
URL : amara-it.com
Contexte du Projet
DLM INFORMATIQUE avait besoin d’une solution web élégante et efficace pour présenter leur logiciel de gestion d’entreprise, Amara. Ce logiciel innovant vise à simplifier et optimiser divers aspects de la gestion d’entreprise, y compris les devis, les commandes, la facturation, et la gestion des stocks. Le défi était de créer un site one page attrayant qui reflète les capacités du logiciel tout en étant informatif et facile à naviguer.
Objectifs
– Concevoir une interface utilisateur intuitive et moderne.
– Présenter clairement les fonctionnalités et les avantages d’Amara.
– Optimiser le site pour le référencement (SEO) afin d’attirer un public cible pertinent.
– Assurer une navigation fluide et une expérience utilisateur optimale.
Approche et Réalisation
1. Analyse et Planification
– Compréhension approfondie des besoins et des objectifs de DLM INFORMATIQUE.
– Planification de la structure du site pour inclure toutes les sections nécessaires de manière cohérente et fluide.
2. Conception
– Création d’une maquette moderne et professionnelle, avec une attention particulière à l’ergonomie et à l’esthétique.
– Utilisation de couleurs et de typographies alignées avec l’identité visuelle de DLM INFORMATIQUE.
3. Développement
– Mise en œuvre d’une page unique (one page) avec des ancres pour une navigation rapide et facile.
– Intégration de contenu riche et informatif sur les fonctionnalités du logiciel Amara, y compris des sections sur les devis, les commandes, la facturation et la gestion des stocks.
4. Optimisation SEO
– Utilisation de balises méta, de titres H1, H2, H3 optimisés et d’un contenu structuré pour améliorer le référencement.
– Création d’un fichier `sitemap.xml` et soumission aux moteurs de recherche pour une indexation rapide.
5. Tests et Lancement
– Test complet de la page pour garantir la compatibilité avec différents navigateurs et appareils.
– Optimisation des temps de chargement pour une meilleure expérience utilisateur.
Résultat
Le résultat est un site web one page professionnel et engageant qui présente efficacement le logiciel Amara. Le site est non seulement esthétiquement plaisant, mais aussi fonctionnel, offrant aux visiteurs une navigation intuitive et une compréhension claire des avantages du logiciel. Grâce à une optimisation SEO rigoureuse, le site sera progressivement mieux positionné pour attirer et convertir des leads potentiels.
Témoignage
« Travailler avec Sonia a été une collaboration enrichissante. Le site web créé pour notre logiciel Amara dépasse nos attentes en termes de design, de fonctionnalité et de performance. Ayant déjà collaboré avec elle par le passé, nous savions que nous pouvions compter sur son expertise et son professionnalisme. Nous recommandons vivement ses services pour toute entreprise cherchant à améliorer sa présence en ligne.«
M. David Loubassou | Dirigeant de DLM INFORMATIQUE
Site one page | Secteur informatique
Création du Site One Page pour DLM INFORMATIQUE
Client : DLM INFORMATIQUE
Projet : Présentation de l’entreprise DLM INFORMATIQUE
Technologies : WordPress et Divi
URL : https://dlminformatique.com
Contexte du Projet
DLM INFORMATIQUE avait besoin d’un site vitrine pour mettre en avant son expertise dans la maintenance informatique et les solutions logicielles. Mon rôle, en tant que prestataire webmaster, était de concevoir un site web performant, moderne et professionnel qui reflète la qualité de leurs services tout en respectant les meilleures pratiques en matière de référencement naturel (SEO).
Objectifs
🎯 Créer un site web moderne et professionnel
🎯 Présenter clairement les services et solutions de DLM INFORMATIQUE
🎯 Améliorer la visibilité du site sur les moteurs de recherche grâce à une optimisation SEO
🎯 Offrir une navigation fluide avec une interface utilisateur intuitive
Approche et Réalisation
🚀 Utilisation de WordPress et de l’éditeur Divi pour une conception sur-mesure
🚀 Intégration d’un design épuré et d’un contenu structuré
🚀 Optimisation SEO : utilisation de mots-clés pertinents, balises métas, et un contenu bien structuré pour favoriser le référencement naturel
🚀 Amélioration des performances techniques pour une meilleure vitesse de chargement et une meilleure expérience utilisateur
Résultat
Le site vitrine de DLM INFORMATIQUE reflète leur professionnalisme tout en étant optimisé pour une meilleure visibilité sur Google. Grâce aux optimisations SEO, le site est bien positionné pour attirer de nouveaux clients tout en offrant une navigation intuitive et agréable.









