front end style alternate

afhaque · Jan 24, 2017 · 7203072 · 7203072
1 parent f57f25a
commit 7203072
Show file tree

Hide file tree

Showing 32 changed files with 639 additions and 393 deletions.
diff --git a/UI_Templates/bolt.png b/UI_Templates/bolt.png
diff --git a/UI_Templates/titletreatment.svg b/UI_Templates/titletreatment.svg
diff --git a/app/app.js b/app/app.js
@@ -0,0 +1,9 @@
+// Include the Main React Dependencies
+var React = require("react");
+var ReactDOM = require("react-dom");
+
+// Include the main Parent Component
+var Parent = require("./components/register");
+
+// This code here allows us to render our main component (in this case Parent)
+ReactDOM.render(<register />, document.getElementById("app"));
diff --git a/app/components/login.js b/app/components/login.js
@@ -0,0 +1 @@
+////////////FUTURE IMPLEMANTATION///////////////
diff --git a/app/components/register.js b/app/components/register.js
@@ -0,0 +1,5 @@
+//including react
+var react = require ("react");
+
+// Requiring our helper for making API calls
+var helpers = require("../utils/helpers");
diff --git a/app/utils/helpers.js b/app/utils/helpers.js
@@ -0,0 +1,15 @@
+// Here we will utilize the axios library to perform GET/POST requests
+var axios = require("axios");
+
+// Exporting an object with methods for retrieving and posting data to our API
+module.exports = {
+  // Returns a promise object we can .then() off inside our Parent component
+  getClicks: function() {
+    return axios.get("/api");
+  },
+  // Also returns a promise object we can .then() off inside our Parent component
+  // This method takes in an argument for what to post to the database
+  saveClicks: function(clickData) {
+    return axios.post("/api", clickData);
+  }
+};
diff --git a/assets/red-faded-light-.jpg b/assets/red-faded-light-.jpg
diff --git a/assets/register-icon.png b/assets/register-icon.png
diff --git a/assets/titletreatment.png b/assets/titletreatment.png
diff --git a/bin/www b/bin/www
diff --git a/config/connection.js b/config/connection.js
@@ -20,6 +20,5 @@ var sequelize = new Sequelize(process.env.JAWSDB_URL,
 
 });
 
-
 // Exports the connection for other files to use
-module.exports = sequelize;
+module.exports = sequelize;
diff --git a/dbSchema.sql b/dbSchema.sql
diff --git a/models/login/passwordID.js b/models/login/passwordID.js
@@ -1,24 +0,0 @@
-// This may be confusing but here Sequelize (capital) references the standard library
-var Sequelize = require("sequelize");
-
-// sequelize (lowercase) references my connection to the DB. You could name it something else, but I was just following their convention.
-var sequelize = require("../config/connection.js");
-
-var pwid = sequelize.define("pwid", {
-    pwid: {
-        type: Sequelize.INTEGER,
-        primaryKey: true,
-        allowNull: false
-    },
-    uid: {
-        type: Sequelize.INTEGER,
-        allowNull: false
-    }
-}, {
-    timestamps: false
-});
-
-// Sync with DB
-pwid.sync();
-
-module.exports = pwid;

diff --git a/models/login/passwords.js b/models/login/passwords.js
@@ -1,24 +0,0 @@
-// This may be confusing but here Sequelize (capital) references the standard library
-var Sequelize = require("sequelize");
-
-// sequelize (lowercase) references my connection to the DB. You could name it something else, but I was just following their convention.
-var sequelize = require("../config/connection.js");
-
-var pw = sequelize.define("pw", {
-    pwid: {
-        type: Sequelize.INTEGER,
-        primaryKey: true,
-        allowNull: false
-    },
-    pw: {
-        type: Sequelize.STRING,
-        allowNull: false
-    }
-}, {
-    timestamps: false
-});
-
-// Sync with DB
-pw.sync();
-
-module.exports = pw;

diff --git a/models/medical/allergies.js b/models/medical/allergies.js
@@ -1,28 +0,0 @@
-// This may be confusing but here Sequelize (capital) references the standard library
-var Sequelize = require("sequelize");
-
-// sequelize (lowercase) references my connection to the DB. You could name it something else, but I was just following their convention.
-var sequelize = require("../config/connection.js");
-
-var allergies = sequelize.define("allergies", {
-    id: {
-        type: Sequelize.INTEGER,
-        primaryKey: true,
-        allowNull: false
-    },
-    uid: {
-        type: Sequelize.INTEGER,
-        allowNull: false
-    },
-    allergies: {
-        type: Sequelize.STRING,
-        allowNull: false
-    }
-}, {
-    timestamps: false
-});
-
-// Sync with DB
-allergies.sync();
-
-module.exports = allergies;

diff --git a/models/medical/conditions.js b/models/medical/conditions.js
diff --git a/models/medical/diseases.js b/models/medical/diseases.js
diff --git a/models/medical/medications.js b/models/medical/medications.js
@@ -1,28 +0,0 @@
-// This may be confusing but here Sequelize (capital) references the standard library
-var Sequelize = require("sequelize");
-
-// sequelize (lowercase) references my connection to the DB. You could name it something else, but I was just following their convention.
-var sequelize = require("../config/connection.js");
-
-var medications = sequelize.define("medications", {
-    id: {
-        type: Sequelize.INTEGER,
-        primaryKey: true,
-        allowNull: false
-    },
-    uid: {
-        type: Sequelize.INTEGER,
-        allowNull: false
-    },
-    medications: {
-        type: Sequelize.STRING,
-        allowNull: false
-    }
-}, {
-    timestamps: false
-});
-
-// Sync with DB
-medications.sync();
-
-module.exports = medications;