{"id":22131173,"url":"https://github.com/popcodelab/olympic-games","last_synced_at":"2026-04-16T05:34:10.021Z","repository":{"id":233116725,"uuid":"785768425","full_name":"popcodelab/Olympic-Games","owner":"popcodelab","description":"Application Angular avec CanvasJS présentant un dashboard permettant de visualiser les informations des précédents Jeux olympiques","archived":false,"fork":false,"pushed_at":"2024-04-13T11:18:05.000Z","size":413,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-04-14T01:09:25.540Z","etag":null,"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"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/popcodelab.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-04-12T15:26:15.000Z","updated_at":"2024-04-17T06:32:40.230Z","dependencies_parsed_at":"2024-04-17T06:32:36.152Z","dependency_job_id":"4b97a22b-f76a-4f38-9081-dcc9f851926b","html_url":"https://github.com/popcodelab/Olympic-Games","commit_stats":null,"previous_names":["popcodelab/olympic-games"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/popcodelab/Olympic-Games","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/popcodelab%2FOlympic-Games","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/popcodelab%2FOlympic-Games/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/popcodelab%2FOlympic-Games/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/popcodelab%2FOlympic-Games/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/popcodelab","download_url":"https://codeload.github.com/popcodelab/Olympic-Games/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/popcodelab%2FOlympic-Games/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31872655,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-15T15:24:51.572Z","status":"online","status_checked_at":"2026-04-16T02:00:06.042Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","canvasjs","charts","compodoc-documentation","components","directives","html5-css3","javascript","json","material-ui","modules","navbar-css","observable","poc","responsive","routing","rxjs-observables","services","typescript"],"created_at":"2024-12-01T18:31:02.675Z","updated_at":"2026-04-16T05:34:10.005Z","avatar_url":"https://github.com/popcodelab.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Olympic Games\n## Table of contents\n\n- Description and goals\n- Installation\n- Development server\n- Build\n- Technologies\n- Compodoc\n- Authors\n- Screenshots\n\n## Description and goals\n\nOlympic Games is the OpenClassroom project 2 : Développer me front-end en utilisant Angular.\n\nThis application provides a dashboard displaying information from previous Olympic Games (number of medals by country, etc.).\n\nThe main goals of this project are :\n\n- Use services to make HTTP calls.\n- Use RxJS and observables.\n- Unsubscribe observables.\n- Minimize the use of type \"any\".\n\n## Installation\n\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.3.\n\nDon't forget to install your node_modules before starting (`npm install`).\n\n## Development server\n\nRun `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.\n\n## Build\n\nRun `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.\n\n## Technologies\n\n\u003ctable style=\"border: none\"\u003e\n\u003ctr style=\"border: none\"\u003e\n  \u003ctd style=\"border: none\"\u003eHTML5\u003c/td\u003e\u003ctd style=\"border: none\"\u003e\n  \u003cimg style=\"height: 40px;width: 40px;\" src=\"https://raw.github.com/popcodelab/svg-icons/main/html-5.svg?sanitize=true\" alt=\"HTML5\"\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr style=\"border: none\"\u003e\n  \u003ctd style=\"border: none\"\u003eTypeScript\u003c/td\u003e\u003ctd style=\"border: none\"\u003e\n  \u003cimg style=\"height: 40px;width: 40px;\" src=\"https://raw.github.com/popcodelab/svg-icons/main/typescript.svg?sanitize=true\" alt=\"TypeScript\"\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr style=\"border: none\"\u003e\n  \u003ctd style=\"border: none\"\u003eJavaScript\u003c/td\u003e\u003ctd style=\"border: none\"\u003e\n  \u003cimg style=\"height: 40px;width: 40px;\" src=\"https://raw.github.com/popcodelab/svg-icons/main/javascript.svg?sanitize=true\" alt=\"JavaScript\"\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr style=\"border: none\"\u003e\n  \u003ctd style=\"border: none\"\u003eCSS3\u003c/td\u003e\u003ctd style=\"border: none\"\u003e\n  \u003cimg style=\"height: 40px;width: 40px;\" src=\"https://raw.github.com/popcodelab/svg-icons/main/css-3.svg?sanitize=true\" alt=\"CSS3\"\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr style=\"border: none\"\u003e\n  \u003ctd style=\"border: none\"\u003eBootstrap 4.6.0\u003c/td\u003e\n  \u003ctd style=\"border: none\"\u003e\u003cimg style=\"height: 40px;width: 40px;\" src=\"https://raw.github.com/popcodelab/svg-icons/main/bootstrap.svg?sanitize=true\" alt=\"Bootstrap 4.6.0\"\u003e\u003c/td\u003e  \n\u003c/tr\u003e\n\u003ctr style=\"border: none\"\u003e\n  \u003ctd style=\"border: none\"\u003eFont Awesome 6.5.2\u003c/td\u003e\n  \u003ctd style=\"border: none\"\u003e\u003cimg style=\"height: 40px;width: 40px;\" src=\"https://raw.github.com/popcodelab/svg-icons/main/font-awesome-flag.svg?sanitize=true\" alt=\"Font Awesome 6.5.2\"\u003e\u003c/td\u003e\n \u003c/tr\u003e\n\u003ctr style=\"border: none\"\u003e \n  \u003ctd style=\"border: none\"\u003eAngular 14.1.3\u003c/td\u003e\n  \u003ctd style=\"border: none\"\u003e\u003cimg style=\"height: 40px;width: 40px;\" src=\"https://raw.github.com/popcodelab/svg-icons/main/angular.svg?sanitize=true\" alt=\"Angular 14.1.3\"\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr style=\"border: none\"\u003e \n  \u003ctd style=\"border: none\"\u003eCanvasJS Chart 3.7.45\u003c/td\u003e\n  \u003ctd style=\"border: none\"\u003e\u003cimg style=\"height: 40px;width: 40px;\" src=\"https://raw.github.com/popcodelab/svg-icons/main/CanvasJS.svg?sanitize=true\" alt=\"CanvasJS Chart  3.7.45\"\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr style=\"border: none\"\u003e  \n  \u003ctd style=\"border: none\"\u003eCompodoc 1.1.23\u003c/td\u003e\n  \u003ctd style=\"border: none\"\u003e\u003cimg style=\"height: 40px;width: 40px;\" src=\"https://raw.github.com/popcodelab/svg-icons/main/compodoc.svg?sanitize=true\" alt=\"CompoDoc 1.1.23\"\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr style=\"border: none\"\u003e \n  \u003ctd style=\"border: none\"\u003eAngular Material 14.1.0\u003c/td\u003e\n  \u003ctd style=\"border: none\"\u003e\u003cimg style=\"height: 45px;width: 45px;padding-left: 5px\" src=\"https://raw.github.com/popcodelab/svg-icons/main/material.svg?sanitize=true\" alt=\"Angular Material 14.1.0\"\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n## Compodoc\n\nTo generate the documentation, if compodoc is not installed, follow the instructions bellow :\n\ninstal compodoc : `npm install @compodoc/compodoc`\n\nOnce installed :\n- To generate the documentation run the command : `npm run compodoc`\n- To Serve it on http://127.0.0.1:8080  : `npm run compodoc:serve`\n\n## Authors\n\nPOP's Code Lab\n\n## Screenshots\n\n![Screenshot 1](./src/assets/screenshots/screenshot.png)\n![Screenshot 2](./src/assets/screenshots/screenshot-line.png)\n![Screenshot 3](./src/assets/screenshots/screenshot-mobile.png)\n![Screenshot 3](./src/assets/screenshots/screenshot-mobile-line.png)\n\n\u003chr/\u003e\n\n[![forthebadge](https://forthebadge.com/images/badges/built-by-developers.svg)](https://forthebadge.com)\n[![forthebadge](https://forthebadge.com/images/badges/made-with-typescript.svg)](https://forthebadge.com)\n[![forthebadge](https://forthebadge.com/images/badges/uses-git.svg)](https://forthebadge.com)\n[![forthebadge](https://forthebadge.com/images/badges/uses-markdown.svg)](https://forthebadge.com)\n[![forthebadge](https://forthebadge.com/images/badges/uses-css.svg)](https://forthebadge.com)\n![Angular](https://img.shields.io/badge/angular-%23DD0031.svg?style=for-the-badge\u0026logo=angular\u0026logoColor=white)\n![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpopcodelab%2Folympic-games","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpopcodelab%2Folympic-games","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpopcodelab%2Folympic-games/lists"}