Skip to content

ragodrich/mashup

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#Mashup project

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

The following code calls on the Google Maps API to show various routes (by car) that can be taken from different selection of cities in Israel. Some of the cities that can be chosen are Tel-Aviv, Ashkelon, Jerusalem, etc. The program uses HTML and Javascript/JQuery to generate these routes.

About

mashup project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 57.7%
  • JavaScript 42.3%