I'll help you build this complete bioinformatics web application for Firebase! This is a complex project with multiple systems (frontend, Firebase Functions backend, 3D visualization), so let me create a structured plan.
Now let me start building! I'll begin with the Firebase configuration and project setup.
I've set up the complete Firebase configuration including the Firebase Functions backend with all three API endpoints (submit, status, results), Firebase hosting configuration, and project structure. The backend handles FASTA validation, PDB lookups via RCSB API, and ESMFold predictions for sequences without existing structures. Next, I'll build the home screen with FASTA input!
I'll build the home screen with the FASTA input form, file upload capability, and validation logic. I'll also set up the global layout and styling based on the design brief.
I've built the home screen with a professional, clean design. It includes:
Next, I'll implement the results viewer with the 3D visualization component!
Now I'll build the results viewer page with the 3D protein visualization using Mol*. This is the final piece of the application.
Perfect! I've completed the results viewer with full 3D protein visualization using Mol*. The application is now complete with all features:
The app handles both experimental PDB structures and ESMFold predictions seamlessly, with appropriate visual indicators for each source.
Your complete bioinformatics web application is ready for deployment! The app includes Firebase Functions for the backend API, FASTA validation, automatic PDB lookups, ESMFold integration for structure prediction, local job tracking, and an interactive 3D protein viewer powered by Mol*. Follow the DEPLOYMENT.md guide to deploy to Firebase Hosting on your protein-insights-7b253 project. Everything is optimized to run within the free Firebase Spark Plan limits.
You can send messages while the preview loads