Frontend System Manual

Frontend System Manual

The frontend project has its built bundle file on the backend project and they work on the same docker container. So, to run the frontend project, please check the Backend System Manual. If you want to make changes on the frontend app, you should use this manual.

Before starting you should install npm packages. To do it run npm i --legacy-peer-deps on the terminal in /frontend directory.

Running with hot-reload

In the development stage, it is very useful to use the hot-reload functionality. Hot-reload means you observe every change you made in real time. After installing npm packages requiered, you can run npm start to start the project in hot-reload mod. You will observe every change you made on your browser while it is running.

Building it

After doing some changes, you should build the project to have the bundle.js file that will be served on the backend. To build just run npm run build on the terminal. /backend/frontend/static/frontend/bundle.js file is updated.