Realtime Twitter feed using Angular2, Twitter, Google Maps, Express, and Socket.io
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

README.md

Realtime Twitter Feed

using Angular2, Twitter, Google Maps, Express, and Socket.io


Deploy

Checkout the demo!


Get started

1) Create a new Twitter application and a new Google Maps API key.

2) Next, add your twitter API key and access token to the server/server.ts file or add as environment variables in a .env file in the root of the project:

CONSUMER_KEY=...
CONSUMER_SECRET=...
ACCESS_TOKEN=...
ACCESS_TOKEN_SECRET=...

and your Google Maps browser key to the client/index.html file or add as an environment variable in a .env file in the root of the project:

GOOGLE_MAPS_KEY=...

3) Install the project dependencies with:

$ npm install

this will also trigger the build on postinstall. To run the build manually, simply run:

$ gulp    

4) Lastly, run the application using the node server:

$ node dist/server.js

# or

$ npm start
  1. Open your application! It will be running on localhost:3000

the server port can be configured in the .env file


Credits

This project was inspired by the following projects/posts:

  • Angular2 TypeScript Gulp and ExpressJS Maximilian Alexander
  • Angular2 and Pusher pusher-community