project-34b7ea45

byRonak Gojiya

You are the world's best CTO, Principal Software Architect, Senior UI/UX Designer, AI Engineer, Product Manager, and Biotech SaaS expert. Your task is to build a production-ready SaaS platform called BioNexus OS. BiOShphere is NOT a chatbot. It is NOT just an ELN. It is NOT another literature search engine. BiOShphere is the world's first AI-native Operating System for Biological Research & Drug Discovery that unifies every stage of biotech R&D into one intelligent platform. ==================================================== PRIMARY OBJECTIVE ==================================================== Build an investor-grade SaaS product that looks and feels like software from Apple, Linear, Vercel, Notion, Figma, Stripe and Benchling combined. Every screen should look premium. Every component should feel enterprise-grade. Every workflow should reduce clicks. Every module must be connected. Never create isolated pages. Everything shares one database. ==================================================== DESIGN LANGUAGE ==================================================== Style • Minimal • Clean • Enterprise • Premium • Scientific • Modern • Luxury SaaS Use Rounded corners Glassmorphism only where necessary Soft shadows Excellent spacing Animated transitions Professional typography No childish gradients No cartoon icons Use Lucide Icons White background Light gray cards Dark typography Blue accent (#2563EB) Emerald success Amber warning Red error Responsive for Desktop Tablet Mobile Dark Mode ==================================================== NAVIGATION ==================================================== Left Sidebar Dashboard Projects Research Assistant Literature Protocols Experiments Knowledge Base Patent Intelligence Grant Writing Publication Writing Team Workspace Files Notifications Analytics Billing Settings Top Navigation Universal Search AI Command Bar Notifications Workspace Selector User Profile ==================================================== AUTHENTICATION ==================================================== Implement Email Login Google Login Forgot Password OTP Verification Workspace Invitations Role Based Access Researcher Principal Investigator Student Startup Founder Enterprise Admin ==================================================== DATABASE ==================================================== Use Supabase Tables users organizations projects research_questions papers summaries protocols experiments notes files citations teams permissions activity_logs subscriptions payments notifications analytics ==================================================== DASHBOARD ==================================================== After login show Welcome Card Research Projects Recent Activity Recent AI Chats Saved Papers Protocol Progress Experiment Timeline Upcoming Tasks Knowledge Graph Research Metrics Weekly Productivity AI Suggestions ==================================================== AI RESEARCH ASSISTANT ==================================================== Build ChatGPT-like interface. Features Conversation history Prompt suggestions Citation panel Streaming responses Markdown Tables Code blocks Scientific notation Export Copy Share Bookmark Future API placeholder For now use mock AI. Architecture must support OpenAI Claude Gemini Groq OpenRouter DeepSeek without changing frontend. ==================================================== LITERATURE MODULE ==================================================== Search interface Filters Journal Year Author Keywords Disease Gene Drug Paper Card Abstract Authors Journal DOI Citation Count Bookmark AI Summary Generate Literature Review Export BibTex Export RIS Export PDF ==================================================== PROTOCOL GENERATOR ==================================================== Wizard Research Area Disease Target Sample Method Expected Result AI generates Objectives Materials Equipment Procedure Safety Controls Statistics Expected Results References Editable Version History Export DOCX Export PDF ==================================================== EXPERIMENT NOTEBOOK ==================================================== Timeline Daily Notes Images Attachments Tables Results Observations Deviation Reports Version Control Auto Save ==================================================== TEAM WORKSPACE ==================================================== Invite Members Permissions Comments Mentions Real Time Updates Project Activity Task Assignments Shared Notes ==================================================== FILES ==================================================== Upload PDF DOCX Images CSV Excel Drag Drop Folders Preview Search ==================================================== ANALYTICS ==================================================== Charts Research Progress AI Usage Protocols Generated Experiments Logged Publications Weekly Activity ==================================================== BILLING ==================================================== Stripe Ready Plans Free Pro Team Enterprise Upgrade Invoices Payment History ==================================================== SETTINGS ==================================================== Profile Workspace Theme Notifications API Keys Security Connected Apps ==================================================== UI REQUIREMENTS ==================================================== Every page must contain Loading Skeletons Empty States Animations Error States Toast Notifications Confirmation Dialogs Search Pagination Filtering Sorting ==================================================== PERFORMANCE ==================================================== Use Next.js App Router React Server Components TypeScript TailwindCSS Shadcn UI React Query Supabase Framer Motion React Hook Form Zod Lazy Loading Code Splitting Optimized Images ==================================================== ACCESSIBILITY ==================================================== Keyboard Navigation ARIA Labels High Contrast Screen Reader Support ==================================================== CODE QUALITY ==================================================== Clean architecture Reusable Components Custom Hooks Service Layer Type Safety No duplicate code No hardcoded values Scalable folder structure ==================================================== OUTPUT ==================================================== Generate a complete production-ready SaaS application. Every page must be fully connected. Every button should have functionality. Every form should validate. Every workflow should be realistic. Every component should be reusable. Never generate placeholders unless an external API is required. For external APIs create service interfaces and mock data so they can later be connected without changing the UI. The application should look good enough to impress investors, biotech founders, pharmaceutical companies, universities, incubators and accelerators. Build the platform as if it will become the Salesforce of Biotechnology.

LandingNotificationsLogin
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 6

project-34b7ea45 System Requirements Document

Introduction

The purpose of this document is to outline the system requirements for project-34b7ea45, a comprehensive SaaS platform designed to unify every stage of biotech R&D into one intelligent platform. This project aims to become the infrastructure layer for global biotech research, scalable to millions of users.

System Overview

project-34b7ea45, also known as BioNexus OS, is an AI-native Operating System for Biological Research & Drug Discovery. It integrates various modules to provide a seamless experience for researchers, scientists, and biotech professionals. The platform is designed to be investor-grade, with a premium look and feel, inspired by leading software companies like Apple, Linear, and Vercel.

Page 2 of 6

Functional Requirements as Story Points

  • As a Researcher, I should be able to log in using email or Google for secure access.
  • As a Principal Investigator, I should be able to manage research projects and assign tasks.
  • As a Student, I should be able to access literature and generate summaries.
  • As a Startup Founder, I should be able to create and manage workspaces.
  • As an Enterprise Admin, I should be able to oversee billing and subscription plans.
  • As a User, I should be able to search literature using various filters like journal, year, and author.
  • As a User, I should be able to generate protocols using a wizard interface.
  • As a User, I should be able to log experiments and maintain a timeline of activities.
  • As a Team Member, I should be able to collaborate in real-time with comments and mentions.
  • As a User, I should be able to upload and manage files in various formats.
  • As a User, I should be able to view analytics on research progress and AI usage.
  • As a User, I should be able to upgrade subscriptions and view payment history.
  • As a User, I should be able to customize settings, including themes and notifications.

User Personas

  • Researcher: Conducts experiments and analyzes data.
  • Principal Investigator: Oversees research projects and teams.
  • Student: Engages in learning and research activities.
  • Startup Founder: Manages biotech startup operations.
  • Enterprise Admin: Manages enterprise-level settings and billing.
  • Lab Manager: Manages lab resources and schedules.
  • University Administrator: Oversees academic research activities.
  • Super Admin: Has full access to all platform features and settings.
Page 3 of 6

Core User Flows

  • User logs in -> Accesses dashboard -> Views recent activity and projects.
  • Researcher creates a new project -> Assigns tasks -> Tracks progress.
  • User searches literature -> Applies filters -> Views paper details -> Exports citation.
  • User generates a protocol -> Fills in wizard details -> Exports protocol.
  • User logs an experiment -> Adds notes and attachments -> Saves progress.
  • Team member invites others -> Collaborates on tasks -> Shares notes.
  • User uploads files -> Organizes into folders -> Previews and searches files.
  • Admin views analytics -> Generates reports -> Shares insights with team.
  • User upgrades subscription -> Enters payment details -> Confirms upgrade.

Visuals Colors and Theme

  • primary: #2563EB (Blue)
  • primary_light: #93C5FD (Light Blue)
  • secondary: #10B981 (Emerald)
  • accent: #F59E0B (Amber)
  • highlight: #F87171 (Red)
  • bg: #FFFFFF (White)
  • surface: rgba(243, 244, 246, 0.8) (Light Gray)
  • text: #111827 (Dark Typography)
  • text_muted: #6B7280 (Gray)
  • border: rgba(209, 213, 219, 0.2) (Subtle Gray)
Page 4 of 6

Signature Design Concept

Interactive Molecular Network: The homepage features an interactive molecular network visualization. Users can click on molecules to explore different modules of the platform. Each molecule represents a feature, such as Literature, Protocols, or Experiments. Hovering over a molecule reveals connections to related features, creating a dynamic and engaging experience. The network is animated using motion/react for smooth transitions and interactions.

LANDING HERO MOTION BRIEF

The landing hero showcases a molecular transformation process. Molecules gather around a central artifact, representing the platform's core. As users interact, the molecules animate to reveal different research outcomes, symbolizing the transformation of data into insights. The animation is continuous, with a 10-second loop, and adapts to user interactions, providing a rich, immersive experience.

Interaction Model & Motion Direction

  • Interaction Model: Parallax
  • Motion Direction: The landing page features layered depth via scroll, with decorative elements translating at different speeds. Real content remains in normal flow, providing a visually rich first impression.
Page 5 of 6

Non-Functional Requirements

  • Responsive design for desktop, tablet, and mobile.
  • High accessibility standards, including keyboard navigation and screen reader support.
  • Performance optimization using Next.js, React Server Components, and lazy loading.
  • Secure authentication with role-based access control.

Tech Stack

  • Frontend: React, Next.js, TypeScript, TailwindCSS
  • Backend: Supabase, Node.js
  • Database: Supabase PostgreSQL
  • AI Models: OpenAI, Anthropic Claude, Gemini
  • AI Tools: Langchain, Litellm
  • Orchestration: Docker, Kubernetes

Assumptions and Constraints

  • The platform will support multi-tenancy for organizations.
  • The database design will accommodate future scalability needs.
  • The AI architecture will remain provider-agnostic to allow future integrations.
Page 6 of 6

Glossary

  • AI: Artificial Intelligence
  • SaaS: Software as a Service
  • R&D: Research and Development
  • ELN: Electronic Lab Notebook
  • MVP: Minimum Viable Product
  • UI/UX: User Interface/User Experience

This document outlines the comprehensive requirements for project-34b7ea45, ensuring a scalable, investor-grade SaaS platform for the biotech industry.

Landing design preview
Landing: View Info
Login: Sign In
Dashboard: View Stats
Billing: Oversee Subscriptions
Billing: View Payment History
Team Workspace: Manage Permissions
Team Workspace: Invite Members
Analytics: View Analytics
Analytics: Generate Reports
Settings: Configure Security
Settings: Manage API Keys
Landing design preview
Landing: View Info
Login: Sign In
Dashboard: View Stats
Billing: Oversee Subscriptions
Billing: View Payment History
Team Workspace: Manage Permissions
Team Workspace: Invite Members
Analytics: View Analytics
Analytics: Generate Reports
Settings: Configure Security
Settings: Manage API Keys