This is the final project from the final two weeks of the Makers Academy course.
This web application plots all the tweets based on the user's search term. It plots them based on the location where the tweet came from and it also calculates the sentiment of the tweets. Based on the value obtained, it displays them on the canvas in red, green or yellow colour.
Live Version deployed with Heroku and MongoLab here
- Zoom In/Out of canvas
- Sentiment Calculator
- Geo-location Scale
- Twitter API Stream
Ensure that mongo is installed on your machine and seed it with some data. Instructions here
Run npm install
for all the dependencies.
Node is set up to use an environment variable PORT , so you'd need to export it like: echo export "PORT=3000" >> ~/.bash_profile
Run npm start
If you're hosting this application on the same domain that stores your tweets , then congratulations! You have no problems. However, if you're going through a CDN, then you'll probably encounter some cross-domain security issues; at which time you have two options:
Follow this excellent MDN article about configuring "Access-Control-Allow-Origin" headers. You'll need to enable these headers on your CDN, at which time the Mapify app should be able to request images from it.
Another work-around that solves this problem:
- Download and Install an Allow-Control-Allow-Origin Chrome Add-on
- Enable Cross-origin resource sharing every time application data is served through CDN and running from local.
Javascript, jQuery, Mongo, Express, Node, HTML5 Canvas
Jasmine, Mocha/ Chai
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create a new Pull Request