This mashup uses location data from ip-location to get weather information through the Open Weather API and displays this to the user with geo-tagged images from Flickr in the background along.
It displays the city and temperature in Celcius (as the default) but converts this to Fahrenheit when the Celcius value is clicked and vice versa.
---------------------------------------------------------------------------OTHER COMMENTS----------------------------------------------
This project is open-ended! Requirements:
- Build a site that uses data from at least one external API in an interesting, interactive way.
- Replace this README with a description of the project.
- You are welcome to use any 3rd-party libraries/frameworks – just load them from a CDN (e.g. cdnjs), or put them under the
vendor/folder. - Do not commit the
client_secret(or anything else from an API that says "token" or "secret"), as a hacker could use this to make requests on behalf of you.
The JS code should be non-trivial. That being said... start simple! (Just get the data to show up on the page.) No server-side coding is required, but feel free to create a backend in whatever language if you like, if you need one.
A couple things to look for in an API (or at least the endpoints you're using) for this project:
- Make sure it doesn't require authentication/authorization (e.g. OAuth) - at least for the endpoints that you want to use - so that you don't need a server.
- If the API doesn't support cross-domain requests (JSONP or CORS), you will need to use JSONProxy.
Here is a list of API suggestions.
- build in an object-oriented way
- add fancy interactivity/animations
Within this repository directory in your virtual machine:
-
Install the project dependencies.
npm install
-
Run the tests.
npm test -s