Skip to content

clarketm/realtime-twitter-feed

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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