https://github.com/clarketm/realtime-twitter-feed
Realtime Twitter feed using Angular2, Twitter, Google Maps, Express, and Socket.io
https://github.com/clarketm/realtime-twitter-feed
angular2 express google-maps socket-io twitter
Last synced: about 1 year ago
JSON representation
Realtime Twitter feed using Angular2, Twitter, Google Maps, Express, and Socket.io
- Host: GitHub
- URL: https://github.com/clarketm/realtime-twitter-feed
- Owner: clarketm
- License: mit
- Created: 2016-08-28T23:17:15.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2017-07-13T05:19:01.000Z (almost 9 years ago)
- Last Synced: 2025-06-13T10:08:00.945Z (about 1 year ago)
- Topics: angular2, express, google-maps, socket-io, twitter
- Language: CSS
- Size: 400 KB
- Stars: 6
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Realtime Twitter Feed
> using Angular2, Twitter, Google Maps, Express, and Socket.io
[](https://heroku.com/deploy?template=https://github.com/clarketm/realtime-twitter-feed.git)
### Checkout the [demo](http://happ1.travismclarke.com/)!
## Get started
**1)** Create a new [Twitter application](https://apps.twitter.com/) and a new [Google Maps API key](https://developers.google.com/maps/documentation/javascript/get-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:
```bash
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:
```bash
GOOGLE_MAPS_KEY=...
```
**3)** Install the project dependencies with:
```bash
$ npm install
```
this will also trigger the build on `postinstall`. To run the build manually, simply run:
```bash
$ gulp
```
**4)** Lastly, run the application using the node server:
```shell
$ node dist/server.js
# or
$ npm start
```
5) Open your application! It will be running on [localhost:3000](http://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*