Realtime Twitter Feed

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

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

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