À Propos
À Propos
Ingénieur logiciel passionné avec plus de 8 ans d'expérience dans le développement d'applications modernes. Mon parcours m'a conduit de l'ingénierie classique vers l'intelligence artificielle et le développement full-stack, où je trouve ma véritable passion.
Je crois en la création de solutions qui allient performance technique et expérience utilisateur exceptionnelle. Mon approche combine rigueur analytique, créativité et attention aux détails pour livrer des applications robustes et évolutives.
Spécialisé en IA, développement web moderne avec React/Next.js, et applications mobiles avec React Native. En parallèle, je m'adonne à l'IoT en tant que hobby personnel, explorant les possibilités de l'edge computing et des systèmes embarqués.
Discutez avec mon IA
Posez-moi une question sur mon parcours, mes compétences ou mes projets...
Expérience Professionnelle
Plus de 8 ans à construire des solutions logicielles modernes
Software Engineer
CIS (Catering International & Services)
1 an 6 mois
Développeur principal de SmartApp, une plateforme complète de gestion de camps en React Native servant des déploiements internationaux.
Technologies
Integration Engineer
Cap4 Lab
3 ans
Développement d'une solution ERP complète pour surveiller et gérer les écosystèmes d'API MuleSoft des clients.
Technologies
Web Developer
MyCTOFriend
2 ans
Contribution à divers projets d'applications web avec un focus sur le développement full-stack et les solutions clients.
Technologies
8+ d'expérience en développement logiciel professionnel
Fonctionnalités IA
Ce portfolio n'est pas seulement à propos de l'IA—il est propulsé par l'IA. Chaque interaction de chat démontre une intégration IA de niveau production avec Claude, l'un des modèles de langage les plus avancés disponibles.
Implémentation Technique
Intégration API Claude
Anthropic Claude Sonnet 4 avec prompts système personnalisés et gestion du contexte
IA Conversationnelle
Dialogue naturel avec historique de conversation et réponses contextuelles
Suggestions Intelligentes
Génération dynamique de questions basée sur le contexte de la conversation
Support Bilingue
Détection automatique de la langue et réponse en français ou anglais
Limitation de Débit
Limitation de débit avec Redis : 10 requêtes par 10 minutes par IP
Persistance de Session
Intégration LocalStorage pour l'historique de conversation entre sessions
Exemple de Code
// Claude API Integration
const response = await anthropic.messages.create({
model: 'claude-sonnet-4-20250514',
max_tokens: 1024,
system: generatePortfolioContext(), // Custom context
messages: conversationHistory,
});
// Intelligent Suggestion Parsing
const suggestions = parseSuggestions(response.content);
const cleanedMessage = removeSuggestionBlock(response.content);
// Rate Limiting with Redis
const rateLimitResult = await checkRateLimit(request);
if (!rateLimitResult.success) {
return NextResponse.json(
{ error: 'rate_limit_exceeded', retryAfter: 600 },
{ status: 429 }
);
}Architecture Système
Frontend
React 19 + Next.js 16
ChatInterface Component
useChat Hook
Couche API
Next.js API Routes
Rate Limiting
Prompt Engineering
Claude IA
Anthropic API
Sonnet 4 Model
Context Management
Qu'est-ce qui le rend Production-Ready ?
Vous voulez le voir en action ?
Cas d'Étude
Analyse Détaillée des Projets
Portfolio Propulsé par l'IA
Développement Full-Stack avec Intégration Claude AI
Création d'un portfolio prêt pour la production qui met en valeur les compétences techniques et l'expertise en IA via une interface de chat interactive alimentée par Claude, démontrant le développement full-stack moderne avec une intégration IA de pointe.
Problématique
Les portfolios de développeurs traditionnels sont statiques et ne parviennent pas à engager les employeurs potentiels ou à démontrer de réelles capacités en IA/ML. J'avais besoin d'une plateforme qui non seulement présentait mes projets, mais prouvait également ma capacité à construire des applications alimentées par l'IA de qualité production à partir de zéro.
Approche Technique
- Architecture d'une application Next.js 16 moderne avec React 19 et TypeScript pour un développement évolutif et type-safe
- Intégration de l'API Anthropic Claude avec des prompts système personnalisés et gestion de l'historique des conversations
- Implémentation du support bilingue (Français/Anglais) avec next-intl pour une audience internationale
- Construction d'un système de design glassmorphism personnalisé avec Tailwind CSS 4 pour une esthétique inspirée d'Apple
- Conception d'un système de suggestions intelligent avec génération de questions contextuelles
- Implémentation de la limitation de débit avec fallback Redis/mémoire pour la sécurité et la prévention des abus
- Configuration d'un pipeline CI/CD avec GitHub Actions pour les tests automatisés et le déploiement Vercel
Technologies Utilisées
Frontend
AI/ML
Backend
Infrastructure
Résultats & Impact
Apprentissages Clés
- L'intégration de l'API Claude nécessite une ingénierie de prompt minutieuse pour maintenir le contexte et la personnalité à travers les conversations
- La limitation de débit est essentielle pour les API IA afin de prévenir les abus et gérer efficacement les coûts
- Le support bilingue dès le départ est plus facile que l'ajout après coup - next-intl a rendu cela transparent
- Les effets glassmorphism nécessitent un équilibre minutieux entre esthétique et accessibilité
- L'App Router de Next.js 16 offre une excellente expérience développeur mais nécessite de comprendre les frontières serveur/client
- L'automatisation CI/CD détecte les erreurs tôt et accélère considérablement les cycles de déploiement
BumpBuddy
Application Mobile Multiplateforme Compagnon de Grossesse
Développement d'une application mobile multiplateforme complète pour accompagner les futures mamans tout au long de leur parcours de grossesse avec des conseils sur la sécurité alimentaire, un suivi hebdomadaire et un support multilingue. Construite avec React Native + Expo et backend Supabase.
Problématique
Les futures mamans ont besoin d'informations fiables et accessibles sur les étapes de la grossesse, la sécurité alimentaire et le développement fœtal, mais les applications existantes sont souvent fragmentées, coûteuses ou manquent de support multilingue. Le défi était de créer une solution unifiée et conviviale qui fonctionne hors ligne et supporte plusieurs langues.
Approche Technique
- Construction d'une application mobile multiplateforme avec React Native + Expo pour iOS et Android avec une base de code unique
- Conception d'une base de données complète de sécurité alimentaire avec plus de 45 aliments répartis en 9 catégories
- Implémentation d'un calendrier de grossesse semaine par semaine avec informations sur le développement fœtal pour les 40 semaines
- Création de comparaisons visuelles intuitives utilisant des tailles de fruits/objets pour le développement fœtal
- Intégration de Supabase pour les services backend (PostgreSQL, Auth, Storage, Realtime)
- Implémentation d'un système i18n complet supportant l'anglais, l'espagnol et le français
- Construction d'une architecture offline-first avec cache AsyncStorage et file de synchronisation
- Implémentation de la sécurité au niveau des lignes (RLS) pour l'isolation des données multi-tenant
- Création d'un système de thèmes avec mode clair/sombre et synchronisation des préférences entre appareils
Technologies Utilisées
Frontend
Backend
State & Storage
Internationalization
Résultats & Impact
Apprentissages Clés
- React Native + Expo offre une excellente expérience développeur et réduit considérablement le code spécifique à la plateforme
- L'architecture offline-first nécessite une planification minutieuse mais améliore grandement l'expérience utilisateur dans les scénarios de faible connectivité
- Les politiques RLS de Supabase offrent une isolation de données puissante mais nécessitent des tests approfondis pour éviter les fuites
- L'i18n devrait être implémentée dès le premier jour - l'ajout de traductions après coup est chronophage et source d'erreurs
- Les retours utilisateurs tôt dans le cycle de développement préviennent les reconceptions coûteuses en fin de projet
- Une architecture modulaire avec une séparation claire des préoccupations rend les grandes bases de code maintenables
- Les fonctionnalités temps réel ajoutent de la complexité mais créent des expériences utilisateur engageantes et modernes
More projects coming soon. Want to see specific details?
Projets
Découvrez mes réalisations récentes
SmartApp
Plateforme de gestion de camps avec CMS intégré, synchronisation temps réel et support hors ligne. Application full-stack moderne.
AI Predictive Maintenance
Plateforme ML pour équipements industriels avec détection d'anomalies, prédiction de pannes et alertes automatisées.
Progressive Web Applications
Applications web modernes avec support offline-first, design responsive et expérience utilisateur optimale.
IoT Home Automation (Hobby)
Projet personnel de domotique avec ESP32 et Raspberry Pi. Contrôle vocal, automatisation et monitoring énergétique.
Compétences
Technologies et domaines d'expertise
AI & Machine Learning
Development & Frameworks
Mobile & Web
Databases
Cloud & DevOps
IoT & Hobby Projects
Restons en Contact
N'hésitez pas à me contacter pour discuter de votre prochain projet ou simplement échanger
contact@hugo-ribaud.com
Envoyez-moi un message
hugo-ribaud
Connectons-nous professionnellement
GitHub
hugo-ribaud
Explorez mon code
Ou discutez directement avec mon assistant IA
💬 Discuter avec l'IA