How to start the Webinterface Frontend - amosproj/amos2025ss04-ai-driven-testing GitHub Wiki

Backend

  1. Open a terminal
  2. Navigate to backend cd backend
  3. start uvicorn api:app --reload
  • You should receive a similar message:

INFO: Will watch for changes in these directories: ['/.../amos2025ss04-ai-driven-testing-3/backend'] INFO: Uvicorn running on http://127.0.0.1:8000 (Press CTRL+C to quit) INFO: Started reloader process [23228] using WatchFiles INFO: Started server process [23230] INFO: Waiting for application startup. INFO: Application startup complete.

Frontend

  1. Open a terminal
  2. Navigate to frontend cd frontend
  3. Update with npm install
  • here you will see some processing and finally a message similar to this (not with the exact numbers.):

up to date, audited 1473 packages in 4s 361 packages are looking for funding run npm fund for details 8 vulnerabilities (2 moderate, 6 high) To address all issues (including breaking changes), run: npm audit fix --force Run npm audit for details.

  1. start with npm start
  • The terminal should display a success message:

Compiled successfully! You can now view frontend in the browser. Local: http://localhost:3000 On Your Network: http://...:3000 Note that the development build is not optimized. To create a production build, use npm run build. webpack compiled successfully Files successfully emitted, waiting for typecheck results... Issues checking in progress... No issues found.

  1. If the frontend is run after the backend is already on, the site to interact with the llms will automatically open in a browser. If not, the user can enter http://localhost:3000/ to reach the site.

  2. (If you end the process with a strg + C command, make sure to run 3 and 4 of this section, since if only 4 is run, some errors may occur.