magnitopic
Back to projects
  • React Native
  • TypeScript
  • React Three Fiber
  • Node.js
  • PostgreSQL
  • Docker
  • 42

Swifty Proteins

Cross-platform mobile app for interactive 3D visualisation of protein ligand structures from the RCSB Protein Data Bank. Users authenticate, search ligands by ID, and explore molecular geometry in real time across three render modes: space-filling, ball-and-stick, and ribbon. The backend fetches mmCIF files from RCSB, converts them to PDB format, and streams atom/bond data to the React Three Fiber renderer. Includes JWT authentication with refresh-token rotation and biometric login (Face ID / Touch ID).