Ramzi BenmansourRamzi's Portfolio
Completed2026

Anatomia

Web platform to explore the human body: real-time 3D viewer, organ and disease pages, country health stats sourced from WHO / Our World In Data, quizzes and glossary. Stack: React + R3F + Vite + Tailwind on the UI, FastAPI + SQLAlchemy + PostgreSQL on the API, WHO / Wikipedia ingestion pipeline, Docker Compose and Nginx for deployment.

Anatomia

Context

A platform to explore the human body interactively, pairing a real-time 3D viewer with organ and disease references and population health data.

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

Links

Architecture and data

A React and React Three Fiber client renders the 3D body, while a FastAPI and PostgreSQL API serves the organ and disease content, fed by an ingestion pipeline from WHO and Wikipedia sources. Deployment runs on Docker Compose behind Nginx, with Sentry for error monitoring.

Gallery