Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/popcodelab/olympic-games

Application Angular avec CanvasJS présentant un dashboard permettant de visualiser les informations des précédents Jeux olympiques
https://github.com/popcodelab/olympic-games

angular canvasjs charts compodoc-documentation components directives html5-css3 javascript json material-ui modules navbar-css observable poc responsive routing rxjs-observables services typescript

Last synced: 1 day ago
JSON representation

Application Angular avec CanvasJS présentant un dashboard permettant de visualiser les informations des précédents Jeux olympiques

Host: GitHub
URL: https://github.com/popcodelab/olympic-games
Owner: popcodelab
Created: 2024-04-12T15:26:15.000Z (10 months ago)
Default Branch: main
Last Pushed: 2024-04-13T11:18:05.000Z (10 months ago)
Last Synced: 2024-04-14T01:09:25.540Z (10 months ago)
Topics: angular, canvasjs, charts, compodoc-documentation, components, directives, html5-css3, javascript, json, material-ui, modules, navbar-css, observable, poc, responsive, routing, rxjs-observables, services, typescript
Language: TypeScript
Homepage:
Size: 403 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        # 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](https://github.com/angular/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

  

  TypeScript

  

  JavaScript

  

  CSS3

  

  Bootstrap 4.6.0

    

  Font Awesome 6.5.2

  

 

 

  Angular 14.1.3

  

 

  CanvasJS Chart 3.7.45

  

  

  Compodoc 1.1.23

  

 

  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](./src/assets/screenshots/screenshot.png)

![Screenshot 2](./src/assets/screenshots/screenshot-line.png)

![Screenshot 3](./src/assets/screenshots/screenshot-mobile.png)

![Screenshot 3](./src/assets/screenshots/screenshot-mobile-line.png)



[![forthebadge](https://forthebadge.com/images/badges/built-by-developers.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/made-with-typescript.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/uses-git.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/uses-markdown.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/uses-css.svg)](https://forthebadge.com)

![Angular](https://img.shields.io/badge/angular-%23DD0031.svg?style=for-the-badge&logo=angular&logoColor=white)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)