Skip to content

angelluce/football-league-web-ui

Repository files navigation

Football League Web UI

Welcome to the Football League Web UI project. The goal of the project is to build a browser based web frontend SPA that gets the data about match schedule/results from the backend and then computes leaderboard based on the rules explained in the challenge description.

Install Dependencies

In order to install project dependencies run:

npm install

Running Backend Mock Server

In order to work on the frontend application we have provided a simple mock database server.

To run the mock server run the following command:

npx json-fake-server -m dev-mock-server-config.json

After this you would be able to access backend at http://localhost:3001. To verify if the server is running you can run:

curl http://localhost:3001/api/version

The response should be {"success": true, "version": "1.0"}

IMPORTANT: If you need to change default backend port, make sure to revert them back to 3001 before submitting the solution as otherwise the grading system might not detect the backend server and you will lose points.

Running Frontend Application

The following command will run the SPA in local dev server:

npm start

The application will be available at http://localhost:3000 and by default you should see a welcome message there.

Production Build

In order to prepare production build you need to run:

npm run build

It is important to make sure that code can be built for production succesfully before submitting the solution.

Run tests

The test file to verify src/app/services/league.service.ts is located at tests/leaderboard.test.ts. Feel free to modify the code there in order to test your work. It is important to implement all methods on src/app/services/league.service.ts and TO NOT CHANGE the interface of them.

To run the tests just run this command.

npm test