touhidrahman / friends-tracker

Repo for project associated with article "Track your friends on Google Maps and Angular"

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Friends Tracker

This project demonstrates using Google Maps Javascript API in an Angular application. Read the associated article at Javascript in Plain English.

screenshot

Getting Started

Clone the repo:

git clone https://github.com/touhidrahman/friends-tracker

Install dependencies for both projects:

cd server
npm i
cd ../webapp
npm i

Open the webapp/src/environments/environment.ts and add a Google API key obtained from Google Developer Console. You need a key to use Maps API. Consult official documentation.

googleApiKey: 'AIzaSyD9**************TZrxU1Ww2-A'

Start the backend server

cd server && npm start

Start the frontend project:

cd webapp && npm start

Visit http://localhost:4200 in your browser.

Thank you!

Follow me at Twitter. Read my other blogs at http://blog.touhidrahman.me

About

Repo for project associated with article "Track your friends on Google Maps and Angular"


Languages

Language:TypeScript 65.0%Language:HTML 20.0%Language:JavaScript 13.6%Language:SCSS 0.8%Language:CSS 0.6%