Skip to content

xidorn7/mashup

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mashup project

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.

Finding an API

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.

Too easy?

  • build in an object-oriented way
  • add fancy interactivity/animations

Running tests locally

Within this repository directory in your virtual machine:

  1. Install Node.js 6.x.

  2. Install the project dependencies.

    npm install
  3. Run the tests.

    npm test -s

About

mashup project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 74.0%
  • JavaScript 26.0%