{"id":30444896,"url":"https://github.com/irisgve/parking-app","last_synced_at":"2026-04-15T20:02:39.186Z","repository":{"id":121769511,"uuid":"208217998","full_name":"irisgve/parking-app","owner":"irisgve","description":"Real-time Parking Capacity App","archived":false,"fork":false,"pushed_at":"2019-09-13T07:38:53.000Z","size":515,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-23T10:29:55.718Z","etag":null,"topics":["angular","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/irisgve.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-09-13T07:38:40.000Z","updated_at":"2019-09-13T07:48:12.000Z","dependencies_parsed_at":"2023-03-17T02:46:24.336Z","dependency_job_id":null,"html_url":"https://github.com/irisgve/parking-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/irisgve/parking-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/irisgve%2Fparking-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/irisgve%2Fparking-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/irisgve%2Fparking-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/irisgve%2Fparking-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/irisgve","download_url":"https://codeload.github.com/irisgve/parking-app/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/irisgve%2Fparking-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31857625,"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":"ssl_error","status_checked_at":"2026-04-15T15:24:39.138Z","response_time":63,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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","typescript"],"created_at":"2025-08-23T10:29:48.230Z","updated_at":"2026-04-15T20:02:39.177Z","avatar_url":"https://github.com/irisgve.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Real-time Parking Capacity in Amsterdam\n\nThis project was generated with [angular-cli](https://github.com/angular/angular-cli) version 1.0.0. It lists out parking lots in Amsterdam using the\n[CitySDK API] (http://citysdk.waag.org/). It also displays statistics on each lot, i.e. free lots and total capacity. It uses google maps plugin to\nrender the geodata of each lot's latitude and longitude.\n\n## Pre-requisites\n\nThis project requires Node 4 or higher, together with NPM 3 or higher.\n\n## Running the Production-version Application\n\n1. Install dependencies by running `npm install`.\n2. Run `npm run serve:production` for a server. \n3. Navigate to `http://localhost:4200/`.\n\n## Running the Development server\n\nThis development server of this project requires installing angular-cli.\n1. Install it by running `npm install -g angular-cli`.\n\n## Architecture\n\nThe project follows the following project structure:\n```\n├── src/\n│ ├── app/\n│ │ ├── common/\n│ │ │ ├── api.service.ts\n│ │ │ ├── parking-space.ts\n│ │ ├── parking-info/\n│ │ │ ├── parking-info.component.html\n│ │ │ ├── parking-info.component.less\n│ │ │ ├── parking-info.component.ts\n│ │ ├── parking-list/\n│ │ │ ├── parking-list.component.html\n│ │ │ ├── parking-list.component.less\n│ │ │ ├── parking-list.component.ts\n│ │ ├── app.component.html\n│ │ ├── app.component.less\n│ │ ├── app.component.ts\n│ │ ├── app.module\n│ │ ├── index.ts\n│ ├── environments/\n│ │ ├── environment.ts\n│ │ ├── environment.prod.ts\n│ ├── icon.png\n│ ├── index.html\n│ ├── main.ts\n│ ├── polyfills.ts\n│ ├── styles.less\n│ ├── tsconfig.json\n│ ├── typings.d.ts\n│── dist/\n│── node_modules/\n│── angular-cli.json\n│── package.json\n│── tslint.json\n```\nThis project is in Angular 2 + Typescript. It follows the best practices pushed forward by the Angular team. The root module\nis the AppModule (app.module). Two custom modules were also created. One is ParkingList (parking-list.component) which displays\nthe list of parking spaces obtained from the API. The other is ParkingInfo (parking-info.component) which displays specific\ndetails about the selected parking space and a google map view based on the space's geometric data.\n\nA separate service (common/api.service) is created to abstract the api calls away from the components. It strictly contains\ngetting the information from the API endpoint (http://api.citysdk.waag.org/layers/parking.garage/objects), extracts the data\naccording to the ParkingSpace class (common/parking-space) attributes and returns the JSON object to the parent component.\n\nInstead of promises, observables were used to communicate the extracted JSON body from the API to the parent component. \n\nFor the styling, [Angular Material 2] (https://github.com/angular/material2) was mainly used. Responsiveness was achieved with\nthe use of flexboxes. ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Firisgve%2Fparking-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Firisgve%2Fparking-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Firisgve%2Fparking-app/lists"}