Annotation Web Interface Docs
  • Intro
  • 🐦Live Demo
  • Installation
    • Process
  • Technical
    • Frontend Architecture
    • App
    • Track
    • WhisperSeg
    • Models Window
Powered by GitBook
On this page
  • Installation
  • Starting a Development Server
  • Create a Production Build
  • Deploy the Production Build
  • Set up the backend
  1. Installation

Process

Step-by-step installation guide

PreviousLive DemoNextFrontend Architecture

Last updated 8 months ago

Installation

  1. Fork the to your local machine.

  2. Navigate to the project directory react-annotation-interface.

  3. Run the following command in the terminal to install the dependencies:

npm install

Starting a Development Server

npm run dev

Create a Production Build

npm run build

Deploy the Production Build

serve -s dist -l 5050

If necessary, replace 5050 with the port you want to serve the production build from.

Set up the backend

VITE_BACKEND_SERVICE_ADDRESS=http://localhost:8050/

If necessary, replace 8050 with the port in which you are running the backend on your local machine.

Go over to the and follow the installation guide there. Back in the frontend folder, navigate to or create your .env file, and add the following line:

repository
backend repo