Vidéo de démonstration : Tableau de bord fitness et coaching Next.js avec assistant IA
Kinora est un modèle de coaching fitness Next.js full-stack avec backend NestJS, assistant IA, liste de clients, suivi de séance, planificateur de repas et arabe RTL.
- nextjs
- nestjs
- fitness
- coaching
- personal trainer
- client management
- gym
- workout tracker
À propos de Tableau de bord fitness et coaching Next.js avec assistant IA
Kinora réunit les membres d'une salle et ses coachs dans un seul modèle fitness full-stack. Un tableau de bord Next.js donne aux membres leur entraînement, leur nutrition, leur sommeil, leur santé, leur progression et leur communauté, et donne aux coachs leur liste de clients, le travail qu'ils assignent et les bilans auxquels ils répondent. Un backend NestJS fournit les API d'authentification, de rôles et permissions, de données fitness, de coaching, de communauté et de notifications en direct.
Les membres mènent une séance depuis le tableau de bord : ils enregistrent chaque série avec la charge, les répétitions et le RPE pendant que la file, le minuteur de repos et les chiffres avancent, parcourent une bibliothèque d'exercices avec étapes de technique et plages de séries, et planifient les repas du jour sur une frise avec macros et hydratation. Les relevés d'activité, de sommeil et de santé sont saisis à la main ou écrits par un fournisseur d'objets connectés avec une clé de compte, et la progression rassemble mesures corporelles, photos, objectifs et réussites. Les coachs voient leurs propres clients, les plus silencieux d'abord, assignent un entraînement pour un jour donné et voient l'assiduité découler des séances que le client termine réellement, avec des bilans hebdomadaires et un fil de messages par client.
Un assistant IA sur Google Gemini répond aux membres sur leur journée et aux coachs sur leur liste de clients, en affichant des cartes et des graphiques tirés des données du compte lui-même via des outils MCP, avec des suggestions d'ouverture calculées à partir de la journée et trois questions de suivi après chaque réponse, avec votre propre clé API. Le tout est livré en anglais et en arabe avec des mises en page de droite à gauche, des thèmes clair et sombre, des données fictives dans le navigateur pour que le tableau de bord fonctionne avant que l'API soit en place, et une documentation d'installation avec un seeder pour SQLite et MySQL.
Spécifications Techniques
Framework
Next.js 16
Version de React
React 19
Style
Tailwind CSS 4
TypeScript
Oui
Responsive
Mobile, Tablette, Bureau
Période de Support
Lifetime Inclus
Conseil Pro: Tous les modèles incluent une documentation complète pour vous aider à démarrer rapidement.
Écrans de la démo
Member overview, light
The member's overview: activity rings, calories and macros, sleep, heart rate, upcoming workouts and daily steps
Member overview, dark
The member's overview: activity rings, calories and macros, sleep, heart rate, upcoming workouts and daily steps
AI assistant, light
The assistant before the first question, with the openers computed from the member's own day
AI assistant, dark
The assistant before the first question, with the openers computed from the member's own day
AI assistant, hydration, light
The member asks how much water is left in the day; the assistant answers with the hydration gauge and the litres still to drink
AI assistant, hydration, dark
The member asks how much water is left in the day; the assistant answers with the hydration gauge and the litres still to drink
Communauté Mondiale d'Utilisateurs
Rejoignez des milliers de développeurs à travers le monde qui font confiance à Aniq-UI pour leurs projets. Nos modèles sont utilisés partout dans le monde pour créer des expériences web impressionnantes.
Préférences des Cookies
Nous utilisons des cookies pour améliorer votre expérience de navigation, analyser le trafic du site et personnaliser le contenu. En cliquant sur "Accepter Tout", vous consentez à notre utilisation des cookies pour l'analyse et la publicité personnalisée.