cplan85 / Map-App

Map App from Fernando Herrera's "Angular: De cero a experto" course

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MapsApp

This project was generated with Angular CLI version 14.1.0.

Built With

UI Components come from Bootstrap5 and the frontend framework is Angular. MapBox is used for the main maps in the app.

  • Angular
  • Bootstrap
  • MapBox

(back to top)

🎓 What did I learn from this project

In this project I learned how to implement Mapbox to demonstrate 4 different Map views. This involved implementing Angular's After View Init Lifecycle to ensure that the map appears after the component's view initialization. I also learned to implement CRUD operations on map markers, and to store markers with local storage.

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.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

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

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

About

Map App from Fernando Herrera's "Angular: De cero a experto" course


Languages

Language:TypeScript 81.3%Language:HTML 10.4%Language:JavaScript 5.6%Language:SCSS 2.7%