StopDiabète — Application web full‑stack pour le suivi du diabète et la prévention

StopDiabète est une SaaS conçue pour aider au suivi quotidien du diabète et à la prévention : enregistrement des glycémies, statistiques (tendances, indicateurs), rappels et système d’alertes par email via des contacts de confiance (“Contacts d’alerte”). L’objectif est d’offrir une expérience simple, rassurante et utile, aussi bien pour les patients que pour leurs proches. Démo : stopdiabete-1.onrender.com.

Technologies / frameworks et rôle

• Frontend — React: bibliothèque UI + TypeScript : application SPA, composants réutilisables, pages (Dashboard, Profil, Glycémie, Télésurveillance), logique d’état et validation côté client.
• Vite: outil de build : bundling, dev server rapide, configuration frontend.
• React Router: routage : navigation SPA, routes protégées (auth), redirections.
• Tailwind CSS: framework CSS utilitaire : design moderne, responsive, composants UI cohérents.
• Backend — Node.js + Express.js + TypeScript, FASTAPI : API REST (auth, glycémies, profil, contacts d’alerte), validation, sécurité, CORS. API model IA pour prediction de risque
• PostgreSQL: base de données relationnelle : stockage des utilisateurs, glycémies, préférences, événements d’alerte.
• pg: client PostgreSQL : connexion DB côté backend, requêtes SQL, pool de connexions.
• Nodemailer: envoi d’emails : envoi des alertes et rappels par email.
• Déploiement — Render: plateforme cloud : frontend et backend déployés sur Render + base PostgreSQL Render.

Fonctionnement (flux)

1. L’utilisateur se connecte (authentification JWT) et accède à l’espace protégé.
2. Il enregistre ses mesures de glycémie (valeur, date/heure, contexte de mesure) et consulte l’historique.
3. Le backend stocke les données dans PostgreSQL et calcule des statistiques (tendances, indicateurs).
4. L’utilisateur configure des “Contacts d’alerte” pour recevoir des emails selon les règles (alertes et rappels).

Résumé

Ce projet met en avant le développement full‑stack moderne (React + Express, FASTAPI), la gestion d’authentification, l’intégration d’une base de données PostgreSQL, et un système d’alertes email orienté prévention.

StopDiabete — Full‑stack web app for diabetes tracking and prevention

StopDiabete is a SaaS designed to support day‑to‑day diabetes tracking and prevention: logging glucose readings, viewing trends/statistics, reminders, and an email alert system using trusted contacts (“Alert Contacts”). The goal is to provide a simple, reassuring experience for patients and their relatives. Live demo: stopdiabete-1.onrender.com.

Tech stack / frameworks and responsibilities

• Frontend — React : UI library + TypeScript: SPA architecture, reusable components, pages (Dashboard, Profile, Glucose, Telemonitoring), client-side validation and state.
• Vite: build tool: fast dev server, bundling, frontend tooling.
• React Router: routing: SPA navigation, protected routes (auth), redirects.
• Tailwind CSS: utility‑first CSS framework: responsive UI, consistent modern styling.
• Backend — Node.js + Express.js: web framework + TypeScript, FASTAPI: REST API (auth, glucose readings, profile, alert contacts), validation, security, CORS,AI Model API for risk prediction
• PostgreSQL: relational database: persistence for users, glucose readings, preferences, and alert events.
• pg: PostgreSQL client: database connectivity and SQL queries via a connection pool.
• Nodemailer: email delivery: sending reminder and alert emails.
• Deployment — Render: cloud platform: frontend + backend hosting and a Render PostgreSQL database.

End‑to‑end flow

1. User logs in (JWT authentication) and accesses protected pages.
2. User logs glucose readings (value, timestamp, context) and reviews history.
3. Backend stores data in PostgreSQL and computes statistics/trends.
4. User configures “Alert Contacts” to receive emails based on predefined rules (alerts/reminders).

Summary

This project highlights modern full‑stack development (React + Express), authentication, PostgreSQL integration, and an email alert workflow focused on prevention and safety.