Helpful contact form

How to start

Using VSCode

You can use any editor you like, but the following instructions lead to a containerised dev environment using VSCode or Codium:

Open VSCode and press Ctrl+P, then run:

ext install ms-vscode-remote.remote-containers

This installs an extension you can use to run dev environments from containers. It will run the VSCode backend inside the container so autocomplete, linting, introspection, etc. works with the version of the interpreter and dependencies used in production, and independent of those installed on your computer.

Next: Ctrl+P, start typing: Reopen in Container and hit Return.

You can now use any of the scripts defined in package.json, described below.

Using any other editor

You can run the development container manually like this: docker-compose up. This will run npm start internally, exposed to port 8080 on localhost.

Available Scripts

npm start

Runs the app in the development mode. Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.

npm run build

Builds a static copy of your site to the dist/ folder. Your app is ready to be deployed!

npm test

Launches the application test runner. Run with the --watch flag (npm test -- --watch) to run in interactive watch mode.

UI specification

The UI to be implemented is recorded at https://www.figma.com/file/Sg93oSK3NqTpzfs04rSEog/GH-Contact-form?node-id=0%3A1