Ramzi BenmansourPortfolio de Ramzi
Terminé2026

Anatomia

Plateforme web pour explorer le corps humain : viewer 3D temps réel, fiches d'organes et de maladies, stats santé par pays issues OMS / Our World In Data, quiz et glossaire. Stack : React + R3F + Vite + Tailwind côté UI, FastAPI + SQLAlchemy + PostgreSQL côté API, pipeline d'ingestion OMS / Wikipedia, Docker Compose et Nginx pour le déploiement.

Anatomia

Contexte

Une plateforme pour explorer le corps humain de façon interactive, associant un viewer 3D temps réel à des fiches d'organes et de maladies et à des données de santé par pays.

Stack

React.jsReact.js
TypeScriptTypeScript
ViteVite
TailwindCSSTailwindCSS
Three.jsThree.js
React Three FiberReact Three Fiber
ZustandZustand
React QueryReact Query
D3.jsD3.js
LeafletLeaflet
Framer MotionFramer Motion
FastAPIFastAPI
PythonPython
PydanticPydantic
SQLAlchemySQLAlchemy
PostgreSQLPostgreSQL
SQLiteSQLite
DockerDocker
NginxNginx
SentrySentry
PyTestPyTest

Liens

Architecture et données

Un client React et React Three Fiber affiche le corps en 3D, tandis qu'une API FastAPI et PostgreSQL sert le contenu des organes et maladies, alimentée par un pipeline d'ingestion depuis les sources OMS et Wikipédia. Le déploiement repose sur Docker Compose derrière Nginx, avec Sentry pour le suivi des erreurs.

Galerie