Frontend Environment Setup

October 22, 2023 ยท View on GitHub

Before you begin, make sure you've got the necessary tools:

  • node.js - JavaScript runtime.
  • npm - Node.js package manager.

Follow these steps to set up the frontend:

  1. Navigate to the frontend directory: 
    cd frontend
  2. Install the required packages: 
    npm install
  3. Start the development server: 
    npm run dev

Once started, the frontend UI will be accessible at http://localhost:3000.

To set up the Chrome extension for Web Agent, follow these steps:

  1. Unzip webot_extension.zip at the frontend directory
  2. Navigate to chrome://extensions/
  3. Toggle Developer mode
  4. Click on Load unpacked extension
  5. Select the unzipped builder folder

The extension named XLang Web Agent will be available on your Chrome now.

One Click Deploy With Vercel

Vercel