👨‍💻Start the client in development mode

How to start a NodeJS developpment server in order to modify the user interface.

In this section, we will go through all the steps you need to follow in order to start a dev-server to edit the user interface. The client is a CRA (create-react-app), a web-app coded in ReactJS.

Prerequisite: NodeJSwith npm must be installed on your machine

Good advice: once again using an adapted IDE is a must

The first time

The first time you want to run in dev-mode you will need to install all the necessary dependencies to the client app.

# Go to the client directory
cd client
# Install all the dependencies
npm install
# Run the developement server
npm run start

The other times

Once the dependencies are installed you should be able to just run the client.

npm run start

In case of an error just execute this command :

npm update

This will update all the librairies, sometimes that helps, sometimes it doesn't...

Edit the frontend

You can find all the pages and components of the annotation-app in the src folder (client/src).

The code is in ReactJS you may find some usefull documentation on React here.

Once you have called npm start all your changes shall be visible on localhost:5000. (port may change).