From 90693d747285b2299aa131ef226b38ce854ebd9b Mon Sep 17 00:00:00 2001 From: Charles Suo Date: Mon, 26 Sep 2016 20:04:12 -0400 Subject: [PATCH 1/4] homework commit --- index.html | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/index.html b/index.html index 6524157..4b1696c 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,57 @@ Mashup + + +
Show me the top 5 sushi places people go to:
+
+ Type in your target sushi place name from above to find its website (such as: Blue Ribbon Sushi): +
+
+ + From f5daa84ea1107b4c855f88b315196f6b08d35991 Mon Sep 17 00:00:00 2001 From: Chao Suo Date: Mon, 26 Sep 2016 20:17:08 -0400 Subject: [PATCH 2/4] Update README.md --- README.md | 45 ++++----------------------------------------- 1 file changed, 4 insertions(+), 41 deletions(-) diff --git a/README.md b/README.md index ea283d2..f699086 100644 --- a/README.md +++ b/README.md @@ -1,44 +1,7 @@ # Mashup project -This project is open-ended! Requirements: +Project Description +1. Fetch data of sushi restaurants from Foursqare API. +2. List top 5 sushi restaurants. +3. User can type in one of the 5 restaurants listed to get its website. -* 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](http://cdnjs.com)), or put them under the [`vendor/`](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. - -* [AJAX demos](https://github.com/advanced-js/deck/tree/gh-pages/demos/ajax) -* [inspiration?](http://www.programmableweb.com/mashups) - -## 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](http://oauth.net/)) - 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](https://jsonp.afeld.me/). - -Here is a [list of API suggestions](https://gist.github.com/afeld/4952991). - -## Too easy? - -* build in an object-oriented way -* add fancy interactivity/animations - -## Running tests locally - -Within this repository directory in your [virtual machine](https://github.com/startup-systems/vm): - -1. [Install Node.js 6.x.](https://nodejs.org/en/download/package-manager/#debian-and-ubuntu-based-linux-distributions) -1. Install the project dependencies. - - ```bash - npm install - ``` - -1. Run the tests. - - ```bash - npm test -s - ``` From 09905b9d0f3e607a73c8f3de30f370ed2de49d7d Mon Sep 17 00:00:00 2001 From: Chao Suo Date: Mon, 26 Sep 2016 20:17:27 -0400 Subject: [PATCH 3/4] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f699086..d2761d6 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # Mashup project -Project Description +Project Description: 1. Fetch data of sushi restaurants from Foursqare API. 2. List top 5 sushi restaurants. 3. User can type in one of the 5 restaurants listed to get its website. From 4aa62915ce76c0de1c89c7116dd36761cf7fab97 Mon Sep 17 00:00:00 2001 From: Hongyi Wen Date: Wed, 12 Oct 2016 17:59:28 -0400 Subject: [PATCH 4/4] Update README.md --- README.md | 56 +++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 52 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index d2761d6..8501e40 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,55 @@ # Mashup project -Project Description: -1. Fetch data of sushi restaurants from Foursqare API. -2. List top 5 sushi restaurants. -3. User can type in one of the 5 restaurants listed to get its website. +This project is open-ended! +* [AJAX demos](https://github.com/advanced-js/deck/tree/gh-pages/demos/ajax) +* [inspiration?](http://www.programmableweb.com/mashups) + +## Requirements + +* Build a site that uses data from at least one external API in an interesting, interactive way. (**80%**) +* HTML validation (using the [Nu HTML Checker](https://validator.w3.org/nu/)) must pass. (**10%**) +* JavaScript linting (using the configured [JSHint](http://jshint.com/about/)) must pass. (**10%**) +* Replace this README with a description of the project. + +### Extra credit + +Too easy? + +* Build in an [object-oriented](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript) way (**10%**) +* Add fancy interactivity/animations (**10%**) + +If you do either of these, please let Aidan know so he can take a look. + +## Tips + +* 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. +* You are welcome to use any 3rd-party libraries/frameworks – just load them from a CDN (e.g. [cdnjs](http://cdnjs.com)), or put them under the [`vendor/`](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. + +## 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](http://oauth.net/)) - 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](https://jsonp.afeld.me/). + +Here is a [list of API suggestions](https://gist.github.com/afeld/4952991). + +## Running tests locally + +Within this repository directory in your [virtual machine](https://github.com/startup-systems/vm): + +1. [Install Node.js 6.x.](https://nodejs.org/en/download/package-manager/#debian-and-ubuntu-based-linux-distributions) +1. Install the project dependencies. + + ```bash + npm install + ``` + +1. Run the tests. + + ```bash + npm test -s + ```