Skip to content

Implementation of Google Map in Angular. User Has to register himself. after successful login user will have access to dashboard. #Angular7 #agm #Authguard #LocalStorage #SessionStorage

License

Notifications You must be signed in to change notification settings

ajinkyabapat1/Angular-Google-Map

Repository files navigation

Angular-Google-Map

Implementation of Google Map in Angular. User Has to register himself. after successful login user will have access to dashboard. #Angular7 #agm #Authguard #LocalStorage #SessionStorage #Angular_Google_Map

Author:

Ajinkya Bapat - [email protected]

Angular-Google-Map

in this project I have developed one responsive web application based on Angular 7, Bootstrap 4 and integrated with Google map using Angular google map package. To access this application user has to register using Sign up window . After succesful sign up . user has to perform login action. After successful login, user has access of Dashboard where he/she can trace out nearset location and there. I have shown multiple different color markes with info window with it. Info window shows us importanat monuments of that particular location and name of the location.

This project was generated with Angular CLI version 7.3.0.

Development server

Run ng serve for a dev server. Navigate to http://localhost:8080/. The app 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. Use the --prod flag for a production build.

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 Protractor.

Steps to setup Workspace :

  1. Install VS code Install Node js Install Angular CLI : npm install -g @angular/cli once done with all installation ,run following commands
  2. ng update
  3. npm install
  4. install --save-dev @angular-devkit/build-angular
  5. npm start

**** Project will run at http://localhost:8080/

Angular Project "Angular Google Map Dashboard " will run

Further help

To get more help on the Angular CLI use ng help or go check out the [Angular CLI README] (https://github.com/angular/angular-cli/blob/master/README.md).

npm scripts

These are the most useful commands defined in package.json: npm start - runs the TypeScript compiler, asset copier, and a server at the same time, all three in "watch mode". npm run build - runs the TypeScript compiler and asset copier once. npm run build:watch - runs the TypeScript compiler and asset copier in "watch mode"; when changes occur to source files, they will be recompiled or copied into dist/. npm run lint - runs tslint on the project files. npm run serve - runs lite-server. Shut it down manually with Ctrl-C.

About

Implementation of Google Map in Angular. User Has to register himself. after successful login user will have access to dashboard. #Angular7 #agm #Authguard #LocalStorage #SessionStorage

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published