added jquery to package.json

debugged and fixed Access-Control-Allow-Origin in api
added api.js file with jquery ajax call to get todo tasks
added constants.js file

Author: chiraggshah

ep19-call-api-jquery/app/components/App.jsx

@@ -2,16 +2,17 @@ import React from 'react';
 import DisplayList from './DisplayList';
 
 var rand = require('random-key');
+var api = require("../utils/api");
 
 export default class App extends React.Component {
 
   constructor () {
     super();
-    this.state = { title: '', todos:  [
-                                        { title: 'eggs', done: false, id: 1 },
-                                        { title: 'banana', done: false, id: 2 },
-                                        { title: 'bread', done: false, id: 3 }
-                                      ] };
+    this.state = { title: '', todos:  [] };
+    var processData = function(data) {
+      this.setState({todos: data.todos});
+    };
+    api.getTasks(processData.bind(this));
   }
 
   handleDone (idToBeMarkedAsDone) {

ep19-call-api-jquery/app/utils/api.js

@@ -0,0 +1,29 @@
+var Constants = require("./constants");
+var $ = require('jquery');
+
+var api = {
+  getTasks (processData) {
+    var url = Constants.BASE_URL + 'todos';
+    this.makeAjaxCall(url, 'GET', processData)
+  },
+
+  makeAjaxCall (url, type, processDataCallback) {
+    $.ajax({
+      type: type,
+      url: url,
+      data: {
+        api_key: Constants.API_KEY
+      },
+      dataType: 'json',
+      success: function(data) {
+        console.log(data);
+        processDataCallback(data);
+      },
+      error: function() {
+        console.log("An error has occurred");
+      }
+    });
+  }
+};
+
+module.exports = api;

ep19-call-api-jquery/app/utils/constants.js

@@ -0,0 +1,6 @@
+var Constants = {
+  BASE_URL: "http://localhost:3000/api/v1/",
+  API_KEY: "93d2612b-20df-42e3-89fa-6af7889be7e5"
+};
+
+module.exports = Constants;

ep19-call-api-jquery/package.json

@@ -23,6 +23,7 @@
     "webpack-merge": "^0.1.2"
   },
   "dependencies": {
+    "jquery": "1.11.3",
     "random-key": "^0.3.2",
     "react": "^0.13.3"
   }