Calculateur fitness DonetsFit

À propos du projet

Le calculateur fitness DonetsFit est une application web interactive autonome créée comme outil numérique pour la marque de fitness DonetsFit. L'objectif du projet était de transformer des calculs liés au fitness en une expérience simple dans le navigateur : l'utilisateur saisit les valeurs demandées et obtient immédiatement un résultat clair, sans avoir à manipuler lui-même les formules. L'application a été développée avec Next.js, React et TypeScript, avec du CSS personnalisé pour la mise en page et le style visuel. J'ai structuré l'interface autour de composants typés et réutilisables, séparé la logique de calcul de la couche de présentation et organisé les états du formulaire et des résultats afin que l'application reste claire lorsque les valeurs saisies changent. Le comportement responsive a constitué une partie importante du projet. Les champs du formulaire, les blocs de résultats, la typographie et les espacements s'adaptent aux ordinateurs, tablettes et appareils mobiles. J'ai également travaillé sur la validation des saisies, la clarté des libellés, la prévisibilité des interactions et la lisibilité des résultats afin que le calculateur soit rapide et confortable à utiliser sur différents appareils. Le projet est accessible via le sous-domaine dédié de DonetsFit, calc.donetsfit.com. Le calculateur peut ainsi fonctionner comme un produit numérique autonome tout en restant lié à la marque principale DonetsFit. Le résultat final est une application interactive légère et facile à maintenir, qui met en œuvre une logique de calcul pratique, un développement frontend typé, un design responsive et un déploiement en production.

Mon rôle

J'ai pris en charge le développement complet de l'application de calcul : conception de l'interface, implémentation avec Next.js et TypeScript, logique de calcul, composants réutilisables, CSS responsive, gestion des saisies, tests, configuration du sous-domaine et déploiement en production.

Ce que j’ai réalisé

• ✓Planifié la structure du calculateur, le parcours utilisateur et la présentation des résultats
• ✓Développé l'application avec Next.js, React et TypeScript
• ✓Implémenté la logique de calcul et la gestion dynamique des résultats
• ✓Créé des composants typés et réutilisables pour les saisies, les contrôles et les résultats
• ✓Ajouté la validation des saisies et des états de formulaire clairs
• ✓Créé une interface responsive avec du CSS personnalisé pour ordinateur, tablette et mobile
• ✓Configuré le sous-domaine calc.donetsfit.com et préparé le projet pour le déploiement en production