Bioprocess Optimization Builder

A web application for defining constraint and optimization goals and objectives in bioprocess engineering, built with JavaScript, React, Vite, Tailwind CSS, and Recharts.

Developed by using Test-Driven Development (TDD) principles to ensure modular and maintainable code.

---

Features Overview

1.Constraint Builder

Define bioprocess constraints with an intuitive token-based interface.

2. Objective Definition

set optimization goals and objectives for bioprocess parameters.

3. Review, Simulation and Results

View optimization results through interactive charts and summaries.

Key Technical Decisions

Test-Driven Development (TDD)

• Comprehensive tests written for the integrity of each component with over 130 tests.

Modular Architecture

• Hooks are used for logic separation.
• Components are isolated based on their reponsibilities.

Assumptions and Limitations

Assumptions and Limitations

1. Backend Integration: The application assumes the data shared between components is managed via a backend service. The current implementation uses mock data for demonstration purposes.

2. Constraint Validation: Basic validation is implemented but may not cover all edge cases. E.g: (<= <= <=). These responsibilities are delegated to the backend.

3. Single Session: There is no data persistence across sessions due to the lack of backend integration.

4. Parameters and Objectives: Fixed set of parameters and objectives are used, although it can be extended or deleted as needed.

Getting Started

Prerequisites

• Node.js >= 18.x
• npm >= 9.x

Installation

1. Clone the repository:

   gh repo clone ilkermeliksitki/differential-bio-ui
   cd differential-bio-ui

2. Install dependencies:

   npm install

3. Start the development server:

    npm run dev

4. Open your browser and navigate to http://localhost:5173

5. Run tests:

   npm run test