1# git-bug rich web UI
 2
 3## How to develop
 4
 5### Run GraphQL backend
 6
 71. Download a git-bug stable binary.
 8
 92. Execute git-bug binary inside directory for the git repository it will manage issues:
10   - git-bug webui -p 3001
11
12### Run ReactJS front-end
13
141. Clone git-bug repository.
15
162. Enter webui directory and install libraries needed:
17   - npm install
18
193. Generate ts code from graphql files and run webui in development mode
20   - npm start
21
22   1. If You got compilation errors from lint, run lint command below and start again:
23      - npm run lint -- --fix
24      - npm start
25
26   2. The development version of the WebUI is configured to query the backend on the port 3001. You can now live edit the js code and use the normal backend.
27
28## Bundle the web UI
29
30Once the webUI is good enough for a new release, run `make pack-webui` from the root directory to bundle the compiled js into the go binary.