Skip to content

Frontend Walkthrough

Jump to bottom
Joshua Lara edited this page May 26, 2021 · 7 revisions

Installation (from repository)

  1. Clone our repository from our home page https://github.com/StanfordCS194/Team11
  2. Install required package
  • Typescript: npm install -g typescript
  1. Download latest version of Visual Studio Code https://code.visualstudio.com/
  2. Open VSCode in the "frontend" folder of our repository (1 level down from the root)

Landing Page

When starting up VSCode with CodeBae enabled, you will first see the landing page. Here, you can authenticate to the backend with a provisioned API key, manually upload your workspace files to the backend, and toggle if you want your files to be automatically uploaded (whether that be on-save or on extension start).

Success Messages

CodeBae has a variety of success and error messages that appear as VSCode popups.

Multiple Autocomplete Suggestion Example

Once authenticated with the backend, you will begin receiving autocomplete suggestions on any python files that you open in your workspace.

Clone this wiki locally