Skip to content

Frontend

Jump to bottom
Ernest Wong edited this page Mar 14, 2020 · 8 revisions

Prerequisites

Please have the following software installed on your computer before following any further steps

NodeJS: Used to run our Javascript code. Note that you'll need a newer version of NodeJS (recommended v12+).

Useful Tools

React DevTools: Useful for debugging React components. Get it for Chrome, Firefox, or get the standalone version.

Running locally

  1. Navigate into the frontend directory in your terminal

  2. Run npm install to install the dependencies for this project.

  3. Run npm start to start the app in development mode. Open http://localhost:3000 to view it in the browser.

    The page will automatically reload when you make edits to the app files.

    If there are build errors, it will show up on the terminal and on the web page.

    If there are run-time errors, it will show up in your web browser's developer tools.

  4. If there are formatting issues, run npm run lint-fix and the linter will try to fix the ones it can fix.

Tests

Troubleshooting

I'm getting weird linting errors that doesn't make sense. The error ends with import/no-named-as-default.
There seems to be a weird problem where the linter still sees an older version of your code. When that happens, running npm ci to reinstall the tools and clear their cache seems to fix the problem.

Clone this wiki locally