Skip to content

Angular application with CanvasJS presenting a dashboard allowing you to visualize information from previous Olympic Games

Notifications You must be signed in to change notification settings

popcodelab/Olympic-Games

Repository files navigation

Olympic Games

Table of contents

  • Description and goals
  • Installation
  • Development server
  • Build
  • Technologies
  • Compodoc
  • Authors
  • Screenshots

Description and goals

Olympic Games is the OpenClassroom project 2 : Développer me front-end en utilisant Angular.

This application provides a dashboard displaying information from previous Olympic Games (number of medals by country, etc.).

The main goals of this project are :

  • Use services to make HTTP calls.
  • Use RxJS and observables.
  • Unsubscribe observables.
  • Minimize the use of type "any".

Installation

This project was generated with Angular CLI version 14.1.3.

Don't forget to install your node_modules before starting (npm install).

Development server

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.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Technologies

HTML5 HTML5
TypeScript TypeScript
JavaScript JavaScript
CSS3 CSS3
Bootstrap 4.6.0 Bootstrap 4.6.0
Font Awesome 6.5.2 Font Awesome 6.5.2
Angular 14.1.3 Angular 14.1.3
CanvasJS Chart 3.7.45 CanvasJS Chart  3.7.45
Compodoc 1.1.23 CompoDoc 1.1.23
Angular Material 14.1.0 Angular Material 14.1.0

Compodoc

To generate the documentation, if compodoc is not installed, follow the instructions bellow :

instal compodoc : npm install @compodoc/compodoc

Once installed :

  • To generate the documentation run the command : npm run compodoc
  • To Serve it on http://127.0.0.1:8080 : npm run compodoc:serve

Authors

POP's Code Lab

Screenshots

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 3


forthebadge forthebadge forthebadge forthebadge forthebadge Angular TypeScript