Greenroute Frontend
Getting Started
Clone the repository and install dependecies with npm install. Then just do ng serve to run development server.
Prerequisites
- Node package manager (npm)
- Angular CLI (ng)
Built With
- Angular - The web framework used
- Node Package Manager - Dependency Management
- Boostrap 3.3.7 - CSS, JS framework (using CDN plus jquery's CDN)
- NG Bootstrap - Angular version of the Angular UI Bootstrap library
- PrimeNG - UI library for Angular
- PrimeNGAdvancedGrowl - Wrapper around the growl module from PrimeNG
- Leaflet - Open-source JavaScript library for mobile-friendly interactive maps
- Leaflet.markercluster - Beautiful Animated Marker Clustering functionality for Leaflet
- Leaflet.contextmenu - A context menu for Leaflet
- @asymmetrik/ngx-leaflet - Leaflet packages for Angular
- @asymmetrik/ngx-leaflet-markercluster - Extension to the @asymmetrik/ngx-leaflet package for Angular
- ngx-mqtt - Wrapper around MQTT.js for Angular
- OSM Buildings - JavaScript library for visualizing OpenStreetMap building geometry on interactive maps.
- Leaflet.encoded - Plugin to support Google's polyline encoding in Leaflet.
Project Structure
routing-frontend
├── package.json
├── README.md
├── src
│ ├── app
│ │ ├── app.component.css
│ │ ├── app.component.html
│ │ ├── app.component.ts
│ │ ├── app.module.ts
│ │ ├── directives
│ │ │ └── validate-coordinates.directive.ts
│ │ ├── leaflet-map
│ │ │ ├── leaflet-map.component.css
│ │ │ ├── leaflet-map.component.html
│ │ │ └── leaflet-map.component.ts
│ │ ├── models
│ │ │ ├── air-control.ts
│ │ │ └── stop.ts
│ │ └── services
│ │ ├── air-control.service.ts
│ │ ├── map-3d.service.ts
│ │ ├── routes.service.ts
│ │ └── stops.service.ts
│ ├── assets
│ │ ├── aircontrol-config.json
│ │ ├── config.json
│ │ ├── mexico-city_mexico_buildings.geojson
│ │ └── stops-config.json
│ ├── favicon.ico
│ ├── index.html
│ └── styles.css
├── tsconfig.json
└── tslint.json