🗃️Project Structure

The tree structure of project is shown below.

annotation-lab/
├── client/
│   ├── public/
│   ├── src/
│   ├── package.json
│   └── ... (other React app files)
├── server/
│   ├── db/
│   ├── tests/
│   ├── app.py
│   ├── requirements.txt
│   └── ... (other Flask app files)
├── README.md

Client

The client is a react application responsible for rendering UI. It contains following folders.

• public/: Static files and the root HTML file.

• src/: React components and other frontend code.

• package.json: Contains client dependencies and scripts.

Server

The server is responsible for persisting information such as images and the working state for future usage. It is also responsible for masking and creating configuration of preserved image. It contains following folders.

• db/: Database-related files and handlers.

• tests/: Test files to test the apis.

• app.py: Main Flask application file.

• requirements.txt: Contains server dependencies.

Dependencies

Client

• React

• Axios

• Other dependencies as listed in package.json

Server

• Flask

• Pandas

• NumPy

• Other dependencies as listed in requirements.txt