An interactive 3D educational platform designed to visualize the mechanisms of drug action. This tool bridges the gap between clinical pharmacology and data science by providing a 3D slideshow experience to help understand how common medications interact with biological targets.
Every drug in this gallery follows a three-step narrative:
- The Medication
- Spotlight the 3D molecular structure of the drug
- The Target
- Pan over the specific enzyme, receptor, or channel the drug targets
- The Mechanism
- View the binding process in action
- Discover the clinical outcome of the drug
Data is fetched client-side from the open-access PubChem PUG REST API. Since this is a public scientific resource, no sensitive API keys are stored in the frontend.
- Next.js
- TypeScript
- Three.js (React Three Fiber)
- Tailwind CSS