Input‐Interface Concept

Component Overview

1. App.jsx

   • Purpose: The main component that acts as the entry point for the application.
   • Functionality: Serves as the basic structure and layout container.
   • Incorporates: The ProjectForm component to handle the main functionality of the application.

2. ProjectForm.jsx

   • Purpose: This component contains the form for project data and data upload.
   • Functionality: Manages the project name, conditions, GFF file, and TSS Master Table file.
   • Incorporates:
     • Renders multiple Condition components for each experimental condition.
     • GFF component to manage the optional upload of a GFF file.
     • TssMasterTable component to manage the optional upload of a TSS Master Table file.

3. Condition.jsx

   • Purpose: Handles a specific condition and its associated file uploads.
   • Functionality: Manages forward and reverse files required for each condition.
   • Features: Allows users to input and manage the number of replicates for each condition.

4. GFF.jsx

   • Purpose: A component dedicated to managing the upload of an optional GFF file.
   • Functionality: Provides functionality to upload and remove a GFF file.
   • Exposed State: Exposes the file state to the parent component via a ref.

5. TssMasterTable.jsx

   • Purpose: A component dedicated to managing the upload of an optional TSS Master Table file.
   • Functionality: Provides functionality to upload and remove a TSS Master Table file.
   • Exposed State: Exposes the file state to the parent component via a ref.

6. App.css

   • Purpose: The CSS file that styles the layout and appearance of the application.
   • Functionality: Ensures a consistent and visually appealing user interface.