adding in the proper json data and effectivley parsing with FileReader; doing necessary things to display table

main.js

@@ -0,0 +1,35 @@
+/*
+  * By: Arjun Patel
+  * Date: 7/30/18
+  *
+  */
+
+/*
+  * jQuery function call on DOM loading
+  */
+$(function() {
+
+  // Event Handlers
+    $("#inputFile").change(function(e) {
+      onChangeInput(e);
+      $('#inputFile').css("background-color", "#0d7aa5");
+    });
+
+
+  // Helper Function to read/load specific file
+    function onChangeInput(event) {
+        var reader = new FileReader();
+        reader.onload = onReaderLoad;
+        reader.readAsText(event.target.files[0]);
+    }
+
+  // General function to parse JSON
+    function onReaderLoad(event) {
+        var obj = JSON.parse(event.target.result);
+        console.log(obj.orders);
+        obj.orders.map((order) => {
+          console.log(order);
+          $('#table').append("<div class='flexBasicRow'><p class='col'>" + order.customer_id + "</p><p class='col'>" + order.order_no + "</p><p class='col'>" + order.part_id + "</p><p class='col'>" + order.parent_part + "</p><p class='col'>" + order.price + "</p><p class='col'>" + order.qty + "</p></p><p class='col'>" + order.paid + "</p></div>").fadeIn();
+        });
+    }
+});