Skip to content
master
Switch branches/tags
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

About

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

Topics

Resources

License

Packages

No packages published