This application presents data about Olympic games from several countries. A general Piechart displays total medals per country, and the user can get more specific information by clicking on a country. There, a line charts presents all the medals won over time by a specific country. The total number of athletes and participations is also displayed.
This application is responsive with the Bootstrap CSS framework. It can be run on a smartphone.
This project was generated with Angular CLI version 14.1.3.
The graphics are generated by ngx-charts.
Run this is terminal inside project fodler:
npm install --legacy-peer-deps
npm install @swimlane/ngx-charts --save --legacy-peer-deps
Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
The project architecture includes (in addition to the default angular architecture) the following:
componentsfolder: contains every reusable componentspagesfolder: contains components used for routingcorefolder: contains the business logic (servicesandmodelsfolders)
The olympic.service.ts is the main service to handle the olympic data stream.
The error.service.ts is a basic service to handle errors created from the Observables.
The typescript interfaces are inside the models folder.These files correspond to the data included inside the olympic.json.
As a study project, this code is provided under the GNU public license.