---

3D Protein

Todo:

• add splash screen with custom logo
• add FingerPrint authentication (if exists).
• list ligands from ./constants/ligands.json
• search bar to search a specific ligand from the list
• if a ligand is selected (clicked) move to the render page
• setup Three.js in the app
• render in 3d the structure of a protein by fetching the PDB data by ligand
  • fetch ligand PDB data from API
  • parse it
  • render
  • cache PDB data in the phone's local storage
• add the ability to customize the protein model:
  • zoom
  • rotate
  • screenshot + share
  • model customization
    • update cylinder (color)
    • update Atom (shape + color)
  • reset settings
  • Atom info (display atom's info when clicked)
• build a kind of engine to render a protein from PDB.

Conclusion:

there will be 4 screens (pages):

1. splash screen
2. home screen
3. Listing screen
4. Render screen