depuis la création du compte
Confiez votre projet à Hugo
Faites appel à l'expertise de Hugo pour faire avancer votre projet, ou découvrez d'autres freelances pour trouver celui qui correspondra parfaitement à vos besoins.
Je suis fondateur de FlowSync0 et développeur full-stack. Je crée des outils métiers sur-mesure pour les entreprises qui en ont marre des logiciels standards inadaptés.
Ce que je fais concrètement : je remplace vos Excel chaotiques, vos process manuels répétitifs, ou vos logiciels trop rigides par des applications faites pour VOS usages réels. Du premier rendez-vous au déploiement chez vous, je code tout en direct, pas de sous-traitance, pas de communication dégradée.
Mon angle fort ? L'architecture sur-mesure avec IA intégrée (automatisation, résumés intelligents, recherche sémantique dans vos documents) ET la possibilité d'héberger tout ça sur vos propres serveurs. Idéal si vous gérez des données sensibles (santé, finance, juridique) ou si vous voulez simplement garder le contrôle.
Méthode : on commence par une maquette visuelle gratuite. Vous voyez un avant première de ce que vous allez obtenir avant d'investir un euro. Ensuite, on construit par itérations courtes jusqu'à ce que l'outil colle parfaitement à votre réalité.
Stack moderne, responsive (mobile/tablette/bureau), et surtout : un outil qui s'adapte à vos habitudes, pas l'inverse.
Portail Intelligent à Deux Vantaux - Système Domotique ESP32
Un portail automatisé intelligent avec apprentissage automatique, sécurité avancée et interface web complète.
🎯 Concept
Système de portail à deux vantaux (Maître + Secondaire) entièrement automatisé, conçu pour la sécurité maximale avec détection d'obstacles, apprentissage guidé par l'installateur, et interface web intégrée.
🛠️ Architecture Technique
Microcontrôleur : ESP32 avec WiFi Access Point intégré
Pilotage : 2 moteurs DC 12V/4A via ponts H IBT_2
Capteurs : ACS712 pour mesure de courant bidirectionnelle (détection obstacles/patinage)
Interface : Web server ESP32 avec 3 onglets (Utilisateur / Installateur / Câblage)
🔒 Sécurité Anticollision
Règle fondamentale : VS (Secondaire) démarre toujours en premier à l'ouverture, VM (Maître) en premier à la fermeture
Délai de sécurité fixe de 2 secondes entre les vantaux
Surveillance en temps réel du courant moteur pour détection d'obstacles
Arrêt immédiat en cas de surintensité (collision) ou sous-intensité (patinage)
🎓 Mode Installateur
Processus d'apprentissage guidé en 8 étapes :
Apprentissage butées VS (ouverture/fermeture)
Calibration seuils courant VS (collision/patinage)
Apprentissage butées VM (ouverture/fermeture)
Calibration seuils courant VM
Finalisation : fermeture complète du portail
Toutes les valeurs sont stockées en EEPROM pour persistance.
📱 Interface Web
Onglet Utilisateur : Commandes simplifiées (ouverture auto avec infrarouge, ouverture VS seul, mode manuel)
Onglet Installateur : Processus d'apprentissage visuel avec barre de progression
Onglet Câblage : Contrôle direct du matériel pour diagnostic
📊 Fonctionnalités Clés
Détection d'obstacles via courant moteur (pas de capteurs physiques nécessaires)
Apprentissage automatique des temps de trajet
Calibration dynamique des seuils de sécurité
Timer de fermeture automatique avec détection infrarouge
Gestion d'anomalies avec blocage et acquittement
Interface responsive avec design iOS-inspired
📦 Composants Utilisés
ESP32 (WiFi/Bluetooth)
2x Driver IBT_2 pour moteurs
2x Capteur ACS712 (5A) pour courant
4x Relais pour accessoires
Optocoupleurs pour entrées isolées
Boutons poussoirs et DIP switch
🎨 Design
Interface web moderne avec design épuré, animations fluides, et feedback visuel en temps réel. Compatible mobile et desktop.
LiFe Batteries est un site vitrine simple pour une entreprise française spécialisée dans la création, la fabrication et le reconditionnement de batteries sur-mesure. Le site est un redesign complet de l'existant (des captures d'écran de l'ancien site sont conservées dans les assets du projet), avec un design moderne et épuré.
Le site ne nécessite pas de framework JavaScript ni de bibliothèque pour des animations spécifiques. Toutes les animations sont réalisées en CSS pur (keyframes, transitions sur hover), et le JavaScript se limite à des interactions basiques de navigation et d'UX.
Fonctionnalités du site
Navigation fixe avec menu responsive et CTA "Demander un devis"
Hero section avec badge "Made in France depuis 2012", titre "Batteries & Piles Sur-Mesure", chiffres clés (12+ ans, 100% Made in France, 7+ technologies)
Visual 3D CSS d'une batterie animée avec effet de charge et tags flottants (Li-ion, LiFePO4, NiMH, LiPo)
Section Services : Création sur-mesure, Reconditionnement, Conseil & Expertise
Section Technologies : 7 technologies maîtrisées (Piles Lithium, Batteries Li-ion, LiFePO4, LiPo, NiMH, NiCd, Piles Alcalines)
Section Processus : Timeline en 4 étapes (Étude & Conseil, Conception, Fabrication, Tests & Livraison)
Section CTA avec badge "Fabriqué en France"
Pages dédiées : Savoir-faire (Laboratoire & Atelier, Valeurs), Technologies (détail complet des 6 technologies), Reconditionnement (pourquoi reconditionner, applications), Contact (formulaire + coordonnées)
Footer complet avec liens de navigation, contact (email, téléphone, adresse), mentions légales
Stack technique
HTML5 sémantique (5 pages : [URL MASQUÉE], [URL MASQUÉE], [URL MASQUÉE], [URL MASQUÉE], [URL MASQUÉE])
CSS3 pur avec variables CSS custom properties, grilles CSS Grid, Flexbox, media queries responsive
Design dark theme éco-vert avec accent vert (#22c55e)
Typographies Google Fonts : Space Grotesk (display) + IBM Plex Mono (monospace)
Animations CSS uniquement : charge-pulse, glow-pulse, float, scroll-bounce, fadeInUp
JavaScript vanilla minimal (~200 lignes) : navigation scroll, smooth scroll, IntersectionObserver pour animations au scroll, menu mobile toggle
Pas de framework JS (React, Vue, etc.), pas de bundler, pas de dépendances npm
Design responsive avec breakpoints à 500px, 700px, 800px et 900px
Fichiers CSS séparés : [URL MASQUÉE] (base) + [URL MASQUÉE] (styles spécifiques aux pages)
Creative3D est un redesign complet du site web actuel de l'entreprise (dont des captures d'écran de l'existant sont conservées dans les assets du projet). Il s'agit d'un site vitrine simple, une page unique (one-page), destiné à présenter les services d'impression 3D professionnelle de l'atelier Créative 3D, situé en Bourgogne.
Le site ne nécessite pas de framework JavaScript ni de bibliothèque comme React pour des animations spécifiques. Toutes les animations sont réalisées en CSS pur (keyframes fadeInUp, transitions sur hover, animation de pulse) et le JavaScript se limite à des interactions basiques de navigation et d'UX.
Fonctionnalités du site
Page d'accueil (Hero) avec chiffres clés : 200+ matériaux, 17+ ans d'expérience, 5.0★ Google (21 avis)
Bandeau de confiance : La French Fab, CEA DAM, Industrie, Défense, Automobile, R&D
Section Services : Impression 3D FDM (grand volume jusqu'à ##-##-##-##-##×##-##-##-##-##×##-##-##-##-##mm, chambres chauffées), Impression 3D SLA, Modélisation 3D / CAO, Scan 3D, Post-traitement (peinture, inserts filetés, usinage CNC)
Section Matériaux : catalogue de 200+ matériaux organisés en 4 catégories — Composites Carbone (PA6-CF20, PC-CF20, PPA-CF25, PPS-CF10), Polymères Techniques (PA6, PA12, PPA, PPS), Standards & Flexibles (ABS, ASA, TPU, PLA), Spéciaux (ESD, UL94 V0, Alimentaire, PVDF)
Section Réalisations : galerie de fabrications récentes (engrenage industriel, boîtier électronique ESD, pièce automobile, joint flexible)
Section Vidéo : lien vers la visite de l'atelier sur YouTube
Section À propos : présentation de l'entreprise, fabrication française, devis sous 24h, livraison 3-4 jours, membre La French Fab
Formulaire de contact : nom, email, entreprise, service souhaité, description du projet, upload de fichiers 3D (STL, OBJ, STEP, 3MF)
Footer complet avec liens réseaux sociaux (Facebook, YouTube, LinkedIn, Instagram)
Navigation fixe avec menu mobile responsive
Stack technique
HTML5 sémantique (une seule page [URL MASQUÉE])
CSS3 pur avec variables CSS custom properties, grilles CSS Grid, Flexbox, media queries responsive
Design dark theme industriel avec accent cyan (#00d4ff)
Typographies Google Fonts : Archivo (display) + JetBrains Mono (monospace)
Animations CSS uniquement : fadeInUp, transitions hover, pulse (aucun framework d'animation)
JavaScript vanilla minimal (~150 lignes) : navigation scroll, menu mobile toggle, smooth scroll, IntersectionObserver pour animations au scroll, gestion du formulaire de contact, preview d'upload de fichiers, animation compteur des statistiques
Pas de framework JS (React, Vue, etc.), pas de bundler, pas de dépendances npm
Design responsive avec breakpoints à 500px, 600px, 800px, 900px et 1000px
Overlay grain SVG pour texture visuelle