Realtime Twitter Feed
using Angular2, Twitter, Google Maps, Express, and Socket.io
demo!
Checkout theGet 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
- 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