Introduction

The CTDC UI is the front-end repository of NCI's Clinical and Translational Data Commons (CTDC) project, built on FNLCR's Bento Framework. It is a React application utilizing JavaScript, CSS, MUI, Babel, Jest, and Apollo Client, among other dependencies.

---

Prerequisites:

• Node.js 20.x (LTS) — run nvm use to switch to the version in .nvmrc, or nvm use 20 if you need to set it manually
• npm 10.x

---

Installation

To run the CTDC UI project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/CBIIT/crdc-ctdc-ui.git
   cd crdc-ctdc-ui

2. Install dependencies:

   nvm use
   npm install --legacy-peer-deps

   If nvm use does not select Node 20.x, run nvm use 20 first.
3. Start the development server:

   npm start

4. Open your browser and visit http://localhost:3000 to access the application.

To update backend or other service API, edit the configuration in public/injectEnv.js.

---

Scripts

• npm start – Run the app in development mode at http://localhost:3000
• npm test – Run tests in watch mode (Jest & React Testing Library)
• npm run build – Build the app for production to the build folder