From 1a487a664e847ee4bae1676233ecfeec6a1e15ed Mon Sep 17 00:00:00 2001
From: Harrison Shoebridge <harrison@theshoebridges.com>
Date: Tue, 4 Jul 2017 10:08:25 -0700
Subject: [PATCH 01/16] Add starter page

---
 .../src/containers/ApplyPage/ApplyPage.js     |  35 +++
 frontend/src/containers/index.js              |   1 +
 frontend/src/routes.js                        |   2 +
 frontend/yarn.lock                            | 237 ++----------------
 4 files changed, 53 insertions(+), 222 deletions(-)
 create mode 100644 frontend/src/containers/ApplyPage/ApplyPage.js

diff --git a/frontend/src/containers/ApplyPage/ApplyPage.js b/frontend/src/containers/ApplyPage/ApplyPage.js
new file mode 100644
index 000000000..1319aab7d
--- /dev/null
+++ b/frontend/src/containers/ApplyPage/ApplyPage.js
@@ -0,0 +1,35 @@
+import React, { Component} from 'react'
+import {
+  HorizontalRule,
+  NavBar,
+} from '../../components'
+import { mediaQueries } from '../../styles/common'
+
+const styles = {
+  hr: {
+    width: '80%',
+    height: '4px',
+    marginTop: '-2px',
+    marginLeft: 'auto',
+    marginRight: 'auto',
+    marginBottom: 0,
+    [mediaQueries.mediumUp]: {
+      width: '70%',
+      height: '5px',
+      marginTop: '-2.5px'
+    }
+  }
+}
+
+class Apply extends Component {
+  render() {
+    return (
+      <div>
+        <NavBar />
+        <h1>Hello</h1>
+      </div>
+    )
+  }
+}
+
+export default Apply
diff --git a/frontend/src/containers/index.js b/frontend/src/containers/index.js
index 1bd50996c..4839f6a0f 100644
--- a/frontend/src/containers/index.js
+++ b/frontend/src/containers/index.js
@@ -6,3 +6,4 @@ export { default as NotFound } from './NotFound/NotFound'
 export { default as OneOffFormWrapper } from './OneOffFormWrapper/OneOffFormWrapper'
 export { default as RedeemTechDomain } from './RedeemTechDomain/RedeemTechDomain'
 export { default as StartPage } from './StartPage/StartPage'
+export { default as ApplyPage } from './ApplyPage/ApplyPage'
diff --git a/frontend/src/routes.js b/frontend/src/routes.js
index c0b21dc54..fcd20c349 100644
--- a/frontend/src/routes.js
+++ b/frontend/src/routes.js
@@ -9,6 +9,7 @@ import {
   OneOffFormWrapper,
   RedeemTechDomain,
   StartPage,
+  ApplyPage
 } from './containers'
 
 import './styles'
@@ -17,6 +18,7 @@ export default (store) => {
   return (
     <Route path="/" component={App}>
       <Route path="start" component={StartPage} />
+      <Route path="apply" component={ApplyPage} />
 
       <Route component={OneOffFormWrapper}>
         <Route path="cloud9_setup" component={Cloud9Setup} />
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index eb01974a0..a4fb3e1cf 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -237,27 +237,6 @@ aws4@^1.2.1:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.6.0.tgz#83ef5ca860b2b32e4a0deedee8c771b9db57471e"
 
-babel-cli@^6.24.0:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-cli/-/babel-cli-6.24.1.tgz#207cd705bba61489b2ea41b5312341cf6aca2283"
-  dependencies:
-    babel-core "^6.24.1"
-    babel-polyfill "^6.23.0"
-    babel-register "^6.24.1"
-    babel-runtime "^6.22.0"
-    commander "^2.8.1"
-    convert-source-map "^1.1.0"
-    fs-readdir-recursive "^1.0.0"
-    glob "^7.0.0"
-    lodash "^4.2.0"
-    output-file-sync "^1.1.0"
-    path-is-absolute "^1.0.0"
-    slash "^1.0.0"
-    source-map "^0.5.0"
-    v8flags "^2.0.10"
-  optionalDependencies:
-    chokidar "^1.6.1"
-
 babel-code-frame@^6.11.0, babel-code-frame@^6.22.0, babel-code-frame@^6.8.0:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.22.0.tgz#027620bee567a88c32561574e7fd0801d33118e4"
@@ -266,7 +245,7 @@ babel-code-frame@^6.11.0, babel-code-frame@^6.22.0, babel-code-frame@^6.8.0:
     esutils "^2.0.2"
     js-tokens "^3.0.0"
 
-babel-core@6.14.0:
+babel-core@6.14.0, babel-core@^6.0.0:
   version "6.14.0"
   resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-6.14.0.tgz#c9e13ed4e2f97329215496fd9fb48f2b3bcb9b42"
   dependencies:
@@ -292,7 +271,7 @@ babel-core@6.14.0:
     slash "^1.0.0"
     source-map "^0.5.0"
 
-babel-core@^6.0.0, babel-core@^6.11.4, babel-core@^6.14.0, babel-core@^6.24.0, babel-core@^6.24.1:
+babel-core@^6.11.4, babel-core@^6.14.0, babel-core@^6.24.1:
   version "6.25.0"
   resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-6.25.0.tgz#7dd42b0463c742e9d5296deb3ec67a9322dad729"
   dependencies:
@@ -339,14 +318,6 @@ babel-generator@^6.14.0, babel-generator@^6.18.0, babel-generator@^6.25.0:
     source-map "^0.5.0"
     trim-right "^1.0.1"
 
-babel-helper-bindify-decorators@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helper-bindify-decorators/-/babel-helper-bindify-decorators-6.24.1.tgz#14c19e5f142d7b47f19a52431e52b1ccbc40a330"
-  dependencies:
-    babel-runtime "^6.22.0"
-    babel-traverse "^6.24.1"
-    babel-types "^6.24.1"
-
 babel-helper-builder-binary-assignment-operator-visitor@^6.24.1:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz#cce4517ada356f4220bcae8a02c2b346f9a56664"
@@ -389,15 +360,6 @@ babel-helper-explode-assignable-expression@^6.24.1:
     babel-traverse "^6.24.1"
     babel-types "^6.24.1"
 
-babel-helper-explode-class@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helper-explode-class/-/babel-helper-explode-class-6.24.1.tgz#7dc2a3910dee007056e1e31d640ced3d54eaa9eb"
-  dependencies:
-    babel-helper-bindify-decorators "^6.24.1"
-    babel-runtime "^6.22.0"
-    babel-traverse "^6.24.1"
-    babel-types "^6.24.1"
-
 babel-helper-function-name@^6.24.1, babel-helper-function-name@^6.8.0:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-helper-function-name/-/babel-helper-function-name-6.24.1.tgz#d3475b8c03ed98242a25b48351ab18399d3580a9"
@@ -487,10 +449,6 @@ babel-messages@^6.23.0, babel-messages@^6.8.0:
   dependencies:
     babel-runtime "^6.22.0"
 
-babel-plugin-add-module-exports@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-add-module-exports/-/babel-plugin-add-module-exports-0.2.1.tgz#9ae9a1f4a8dc67f0cdec4f4aeda1e43a5ff65e25"
-
 babel-plugin-check-es2015-constants@^6.22.0:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz#35157b101426fd2ffd3da3f75c7d1e91835bbf8a"
@@ -514,34 +472,14 @@ babel-plugin-syntax-async-functions@^6.8.0:
   version "6.13.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz#cad9cad1191b5ad634bf30ae0872391e0647be95"
 
-babel-plugin-syntax-async-generators@^6.5.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-async-generators/-/babel-plugin-syntax-async-generators-6.13.0.tgz#6bc963ebb16eccbae6b92b596eb7f35c342a8b9a"
-
-babel-plugin-syntax-class-constructor-call@^6.18.0:
-  version "6.18.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-class-constructor-call/-/babel-plugin-syntax-class-constructor-call-6.18.0.tgz#9cb9d39fe43c8600bec8146456ddcbd4e1a76416"
-
 babel-plugin-syntax-class-properties@^6.8.0:
   version "6.13.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-class-properties/-/babel-plugin-syntax-class-properties-6.13.0.tgz#d7eb23b79a317f8543962c505b827c7d6cac27de"
 
-babel-plugin-syntax-decorators@^6.1.18, babel-plugin-syntax-decorators@^6.13.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-decorators/-/babel-plugin-syntax-decorators-6.13.0.tgz#312563b4dbde3cc806cee3e416cceeaddd11ac0b"
-
-babel-plugin-syntax-dynamic-import@^6.18.0:
-  version "6.18.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz#8d6a26229c83745a9982a441051572caa179b1da"
-
 babel-plugin-syntax-exponentiation-operator@^6.8.0:
   version "6.13.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz#9ee7e8337290da95288201a6a57f4170317830de"
 
-babel-plugin-syntax-export-extensions@^6.8.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-export-extensions/-/babel-plugin-syntax-export-extensions-6.13.0.tgz#70a1484f0f9089a4e84ad44bac353c95b9b12721"
-
 babel-plugin-syntax-flow@^6.18.0, babel-plugin-syntax-flow@^6.3.13:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-flow/-/babel-plugin-syntax-flow-6.18.0.tgz#4c3ab20a2af26aa20cd25995c398c4eb70310c8d"
@@ -558,14 +496,6 @@ babel-plugin-syntax-trailing-function-commas@^6.22.0:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz#ba0360937f8d06e40180a43fe0d5616fff532cf3"
 
-babel-plugin-transform-async-generator-functions@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-async-generator-functions/-/babel-plugin-transform-async-generator-functions-6.24.1.tgz#f058900145fd3e9907a6ddf28da59f215258a5db"
-  dependencies:
-    babel-helper-remap-async-to-generator "^6.24.1"
-    babel-plugin-syntax-async-generators "^6.5.0"
-    babel-runtime "^6.22.0"
-
 babel-plugin-transform-async-to-generator@^6.24.1:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.24.1.tgz#6536e378aff6cb1d5517ac0e40eb3e9fc8d08761"
@@ -574,14 +504,6 @@ babel-plugin-transform-async-to-generator@^6.24.1:
     babel-plugin-syntax-async-functions "^6.8.0"
     babel-runtime "^6.22.0"
 
-babel-plugin-transform-class-constructor-call@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-class-constructor-call/-/babel-plugin-transform-class-constructor-call-6.24.1.tgz#80dc285505ac067dcb8d6c65e2f6f11ab7765ef9"
-  dependencies:
-    babel-plugin-syntax-class-constructor-call "^6.18.0"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-
 babel-plugin-transform-class-properties@6.11.5:
   version "6.11.5"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.11.5.tgz#429c7a4e7d8ac500448eb14ec502604bc568c91c"
@@ -590,33 +512,6 @@ babel-plugin-transform-class-properties@6.11.5:
     babel-plugin-syntax-class-properties "^6.8.0"
     babel-runtime "^6.9.1"
 
-babel-plugin-transform-class-properties@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.24.1.tgz#6a79763ea61d33d36f37b611aa9def81a81b46ac"
-  dependencies:
-    babel-helper-function-name "^6.24.1"
-    babel-plugin-syntax-class-properties "^6.8.0"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-
-babel-plugin-transform-decorators-legacy@^1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-decorators-legacy/-/babel-plugin-transform-decorators-legacy-1.3.4.tgz#741b58f6c5bce9e6027e0882d9c994f04f366925"
-  dependencies:
-    babel-plugin-syntax-decorators "^6.1.18"
-    babel-runtime "^6.2.0"
-    babel-template "^6.3.0"
-
-babel-plugin-transform-decorators@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-decorators/-/babel-plugin-transform-decorators-6.24.1.tgz#788013d8f8c6b5222bdf7b344390dfd77569e24d"
-  dependencies:
-    babel-helper-explode-class "^6.24.1"
-    babel-plugin-syntax-decorators "^6.13.0"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-    babel-types "^6.24.1"
-
 babel-plugin-transform-es2015-arrow-functions@^6.22.0:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz#452692cb711d5f79dc7f85e440ce41b9f244d221"
@@ -701,7 +596,7 @@ babel-plugin-transform-es2015-modules-amd@^6.24.1:
     babel-runtime "^6.22.0"
     babel-template "^6.24.1"
 
-babel-plugin-transform-es2015-modules-commonjs@^6.24.0, babel-plugin-transform-es2015-modules-commonjs@^6.24.1:
+babel-plugin-transform-es2015-modules-commonjs@^6.24.1:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.24.1.tgz#d3e310b40ef664a36622200097c6d440298f2bfe"
   dependencies:
@@ -793,14 +688,7 @@ babel-plugin-transform-exponentiation-operator@^6.24.1:
     babel-plugin-syntax-exponentiation-operator "^6.8.0"
     babel-runtime "^6.22.0"
 
-babel-plugin-transform-export-extensions@^6.22.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-export-extensions/-/babel-plugin-transform-export-extensions-6.22.0.tgz#53738b47e75e8218589eea946cbbd39109bbe653"
-  dependencies:
-    babel-plugin-syntax-export-extensions "^6.8.0"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-flow-strip-types@^6.22.0, babel-plugin-transform-flow-strip-types@^6.3.13:
+babel-plugin-transform-flow-strip-types@^6.3.13:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-flow-strip-types/-/babel-plugin-transform-flow-strip-types-6.22.0.tgz#84cb672935d43714fdc32bce84568d87441cf7cf"
   dependencies:
@@ -814,54 +702,33 @@ babel-plugin-transform-object-rest-spread@6.8.0:
     babel-plugin-syntax-object-rest-spread "^6.8.0"
     babel-runtime "^6.0.0"
 
-babel-plugin-transform-object-rest-spread@^6.22.0:
-  version "6.23.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.23.0.tgz#875d6bc9be761c58a2ae3feee5dc4895d8c7f921"
-  dependencies:
-    babel-plugin-syntax-object-rest-spread "^6.8.0"
-    babel-runtime "^6.22.0"
-
 babel-plugin-transform-react-constant-elements@6.9.1:
   version "6.9.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-constant-elements/-/babel-plugin-transform-react-constant-elements-6.9.1.tgz#125b86d96cb322e2139b607fd749ad5fbb17f005"
   dependencies:
     babel-runtime "^6.9.1"
 
-babel-plugin-transform-react-display-name@^6.23.0, babel-plugin-transform-react-display-name@^6.3.13:
+babel-plugin-transform-react-display-name@^6.3.13:
   version "6.25.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-display-name/-/babel-plugin-transform-react-display-name-6.25.0.tgz#67e2bf1f1e9c93ab08db96792e05392bf2cc28d1"
   dependencies:
     babel-runtime "^6.22.0"
 
-babel-plugin-transform-react-jsx-self@6.11.0:
+babel-plugin-transform-react-jsx-self@6.11.0, babel-plugin-transform-react-jsx-self@^6.11.0:
   version "6.11.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx-self/-/babel-plugin-transform-react-jsx-self-6.11.0.tgz#605c9450c1429f97a930f7e1dfe3f0d9d0dbd0f4"
   dependencies:
     babel-plugin-syntax-jsx "^6.8.0"
     babel-runtime "^6.9.0"
 
-babel-plugin-transform-react-jsx-self@^6.11.0, babel-plugin-transform-react-jsx-self@^6.22.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx-self/-/babel-plugin-transform-react-jsx-self-6.22.0.tgz#df6d80a9da2612a121e6ddd7558bcbecf06e636e"
-  dependencies:
-    babel-plugin-syntax-jsx "^6.8.0"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-react-jsx-source@6.9.0:
+babel-plugin-transform-react-jsx-source@6.9.0, babel-plugin-transform-react-jsx-source@^6.3.13:
   version "6.9.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx-source/-/babel-plugin-transform-react-jsx-source-6.9.0.tgz#af684a05c2067a86e0957d4f343295ccf5dccf00"
   dependencies:
     babel-plugin-syntax-jsx "^6.8.0"
     babel-runtime "^6.9.0"
 
-babel-plugin-transform-react-jsx-source@^6.22.0, babel-plugin-transform-react-jsx-source@^6.3.13:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx-source/-/babel-plugin-transform-react-jsx-source-6.22.0.tgz#66ac12153f5cd2d17b3c19268f4bf0197f44ecd6"
-  dependencies:
-    babel-plugin-syntax-jsx "^6.8.0"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-react-jsx@^6.24.1, babel-plugin-transform-react-jsx@^6.3.13:
+babel-plugin-transform-react-jsx@^6.3.13:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx/-/babel-plugin-transform-react-jsx-6.24.1.tgz#840a028e7df460dfc3a2d29f0c0d91f6376e66a3"
   dependencies:
@@ -902,15 +769,7 @@ babel-plugin-transform-strict-mode@^6.24.1:
     babel-runtime "^6.22.0"
     babel-types "^6.24.1"
 
-babel-polyfill@^6.23.0:
-  version "6.23.0"
-  resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.23.0.tgz#8364ca62df8eafb830499f699177466c3b03499d"
-  dependencies:
-    babel-runtime "^6.22.0"
-    core-js "^2.4.0"
-    regenerator-runtime "^0.10.0"
-
-babel-preset-es2015@^6.14.0, babel-preset-es2015@^6.24.0:
+babel-preset-es2015@^6.14.0:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-preset-es2015/-/babel-preset-es2015-6.24.1.tgz#d44050d6bc2c9feea702aaf38d727a0210538939"
   dependencies:
@@ -952,12 +811,6 @@ babel-preset-es2017@^6.14.0:
     babel-plugin-syntax-trailing-function-commas "^6.22.0"
     babel-plugin-transform-async-to-generator "^6.24.1"
 
-babel-preset-flow@^6.23.0:
-  version "6.23.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-flow/-/babel-preset-flow-6.23.0.tgz#e71218887085ae9a24b5be4169affb599816c49d"
-  dependencies:
-    babel-plugin-transform-flow-strip-types "^6.22.0"
-
 babel-preset-jest@^15.0.0:
   version "15.0.0"
   resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-15.0.0.tgz#f23988f1f918673ff9b470fdfd60fcc19bc618f5"
@@ -999,44 +852,6 @@ babel-preset-react@6.11.1:
     babel-plugin-transform-react-jsx-self "^6.11.0"
     babel-plugin-transform-react-jsx-source "^6.3.13"
 
-babel-preset-react@^6.23.0:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-react/-/babel-preset-react-6.24.1.tgz#ba69dfaea45fc3ec639b6a4ecea6e17702c91380"
-  dependencies:
-    babel-plugin-syntax-jsx "^6.3.13"
-    babel-plugin-transform-react-display-name "^6.23.0"
-    babel-plugin-transform-react-jsx "^6.24.1"
-    babel-plugin-transform-react-jsx-self "^6.22.0"
-    babel-plugin-transform-react-jsx-source "^6.22.0"
-    babel-preset-flow "^6.23.0"
-
-babel-preset-stage-1@^6.22.0:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-stage-1/-/babel-preset-stage-1-6.24.1.tgz#7692cd7dcd6849907e6ae4a0a85589cfb9e2bfb0"
-  dependencies:
-    babel-plugin-transform-class-constructor-call "^6.24.1"
-    babel-plugin-transform-export-extensions "^6.22.0"
-    babel-preset-stage-2 "^6.24.1"
-
-babel-preset-stage-2@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-stage-2/-/babel-preset-stage-2-6.24.1.tgz#d9e2960fb3d71187f0e64eec62bc07767219bdc1"
-  dependencies:
-    babel-plugin-syntax-dynamic-import "^6.18.0"
-    babel-plugin-transform-class-properties "^6.24.1"
-    babel-plugin-transform-decorators "^6.24.1"
-    babel-preset-stage-3 "^6.24.1"
-
-babel-preset-stage-3@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-stage-3/-/babel-preset-stage-3-6.24.1.tgz#836ada0a9e7a7fa37cb138fb9326f87934a48395"
-  dependencies:
-    babel-plugin-syntax-trailing-function-commas "^6.22.0"
-    babel-plugin-transform-async-generator-functions "^6.24.1"
-    babel-plugin-transform-async-to-generator "^6.24.1"
-    babel-plugin-transform-exponentiation-operator "^6.24.1"
-    babel-plugin-transform-object-rest-spread "^6.22.0"
-
 babel-register@^6.14.0, babel-register@^6.24.1:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-register/-/babel-register-6.24.1.tgz#7e10e13a2f71065bdfad5a1787ba45bca6ded75f"
@@ -1056,14 +871,14 @@ babel-runtime@6.11.6:
     core-js "^2.4.0"
     regenerator-runtime "^0.9.5"
 
-babel-runtime@^6.0.0, babel-runtime@^6.18.0, babel-runtime@^6.2.0, babel-runtime@^6.22.0, babel-runtime@^6.9.0, babel-runtime@^6.9.1:
+babel-runtime@^6.0.0, babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.9.0, babel-runtime@^6.9.1:
   version "6.23.0"
   resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.23.0.tgz#0a9489f144de70efb3ce4300accdb329e2fc543b"
   dependencies:
     core-js "^2.4.0"
     regenerator-runtime "^0.10.0"
 
-babel-template@^6.14.0, babel-template@^6.16.0, babel-template@^6.24.1, babel-template@^6.25.0, babel-template@^6.3.0:
+babel-template@^6.14.0, babel-template@^6.16.0, babel-template@^6.24.1, babel-template@^6.25.0:
   version "6.25.0"
   resolved "https://registry.yarnpkg.com/babel-template/-/babel-template-6.25.0.tgz#665241166b7c2aa4c619d71e192969552b10c071"
   dependencies:
@@ -1321,7 +1136,7 @@ change-case@3.0.x:
     upper-case "^1.1.1"
     upper-case-first "^1.1.0"
 
-chokidar@^1.0.0, chokidar@^1.6.1:
+chokidar@^1.0.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.7.0.tgz#798e689778151c8076b4b360e5edd28cda2bb468"
   dependencies:
@@ -1462,7 +1277,7 @@ commander@2.8.x, commander@~2.8.1:
   dependencies:
     graceful-readlink ">= 1.0.0"
 
-commander@2.9.x, commander@^2.8.1:
+commander@2.9.x:
   version "2.9.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.9.0.tgz#9c99094176e12240cb22d6c5146098400fe0f7d4"
   dependencies:
@@ -2450,10 +2265,6 @@ fs-extra@0.30.0:
     path-is-absolute "^1.0.0"
     rimraf "^2.2.8"
 
-fs-readdir-recursive@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.0.0.tgz#8cd1745c8b4f8a29c8caec392476921ba195f560"
-
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
@@ -2542,7 +2353,7 @@ glob@^5.0.15:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^7.0.0, glob@^7.0.3, glob@^7.0.5:
+glob@^7.0.3, glob@^7.0.5:
   version "7.1.2"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.2.tgz#c19c9df9a028702d678612384a6552404c636d15"
   dependencies:
@@ -2568,7 +2379,7 @@ globby@^5.0.0:
     pify "^2.0.0"
     pinkie-promise "^2.0.0"
 
-graceful-fs@^4.1.2, graceful-fs@^4.1.4, graceful-fs@^4.1.6, graceful-fs@^4.1.9:
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.1.9:
   version "4.1.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658"
 
@@ -4062,14 +3873,6 @@ osenv@^0.1.4:
     os-homedir "^1.0.0"
     os-tmpdir "^1.0.0"
 
-output-file-sync@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/output-file-sync/-/output-file-sync-1.1.2.tgz#d0a33eefe61a205facb90092e826598d5245ce76"
-  dependencies:
-    graceful-fs "^4.1.4"
-    mkdirp "^0.5.1"
-    object-assign "^4.1.0"
-
 pako@~0.2.0:
   version "0.2.9"
   resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
@@ -5567,10 +5370,6 @@ url@~0.10.1:
     punycode "1.3.2"
     querystring "0.2.0"
 
-user-home@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/user-home/-/user-home-1.1.1.tgz#2b5be23a32b63a7c9deb8d0f28d485724a3df190"
-
 user-home@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/user-home/-/user-home-2.0.0.tgz#9c70bfd8169bc1dcbf48604e0f04b8b49cde9e9f"
@@ -5607,12 +5406,6 @@ uuid@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.1.0.tgz#3dd3d3e790abc24d7b0d3a034ffababe28ebbc04"
 
-v8flags@^2.0.10:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/v8flags/-/v8flags-2.1.1.tgz#aab1a1fa30d45f88dd321148875ac02c0b55e5b4"
-  dependencies:
-    user-home "^1.1.1"
-
 validate-npm-package-license@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.1.tgz#2804babe712ad3379459acfbe24746ab2c303fbc"

From 57a6e674361da059606c53e6c7d770156e7740c0 Mon Sep 17 00:00:00 2001
From: Harrison Shoebridge <harrison@theshoebridges.com>
Date: Tue, 4 Jul 2017 20:45:45 -0700
Subject: [PATCH 02/16] Add copy from website

---
 .../src/containers/ApplyPage/ApplyPage.js     | 57 ++++++++++++++++++-
 1 file changed, 55 insertions(+), 2 deletions(-)

diff --git a/frontend/src/containers/ApplyPage/ApplyPage.js b/frontend/src/containers/ApplyPage/ApplyPage.js
index 1319aab7d..52e36ea6d 100644
--- a/frontend/src/containers/ApplyPage/ApplyPage.js
+++ b/frontend/src/containers/ApplyPage/ApplyPage.js
@@ -1,11 +1,28 @@
 import React, { Component} from 'react'
 import {
   HorizontalRule,
+  Heading,
   NavBar,
+  Container,
+  Link
 } from '../../components'
+
+import pattern from '../../styles/pattern.png'
 import { mediaQueries } from '../../styles/common'
 
 const styles = {
+  wrapper: {
+    marginLeft: 'auto',
+    marginRight: 'auto',
+    textAlign: 'center',
+    paddingTop: '25px',
+    paddingBottom: '25px',
+    [mediaQueries.mediumUp]: {
+      backgroundSize: '450px',
+      paddingTop: '50px',
+      paddingBottom: '60px'
+    }
+  },
   hr: {
     width: '80%',
     height: '4px',
@@ -17,7 +34,39 @@ const styles = {
       width: '70%',
       height: '5px',
       marginTop: '-2.5px'
-    }
+    },
+  }
+}
+
+const headingStyles = {
+  fontWeight: 'bolder',
+  fontSize: '26px',
+  [mediaQueries.mediumUp]: {
+    fontSize: '36px'
+  }
+}
+
+class ApplyHeading extends Component {
+  render() {
+    return (
+      <div>
+        <Heading style={headingStyles}>Apply to Start a Hack Club</Heading>
+      </div>
+    )
+  }
+}
+
+class ApplyInfo extends Component {
+  render() {
+    return (
+      <div>
+        <p>We're accepting applications all the time. It's great if your responses to these questions are over 3 sentences long, but make sure you don't write an essay!</p>
+
+        <br />
+
+        <p>Check out our <Link href="/example_applications">example applications</Link> if you want some help!</p>
+      </div>
+    )
   }
 }
 
@@ -26,7 +75,11 @@ class Apply extends Component {
     return (
       <div>
         <NavBar />
-        <h1>Hello</h1>
+        <Container style={[styles.wrapper]}>
+          <ApplyHeading />
+
+          <ApplyInfo />
+        </Container>
       </div>
     )
   }

From 040ee8b56506868bb87e992b0d081005db3af86c Mon Sep 17 00:00:00 2001
From: Harrison Shoebridge <harrison@theshoebridges.com>
Date: Wed, 5 Jul 2017 12:01:55 -0700
Subject: [PATCH 03/16] Add application page UI

---
 frontend/public/index.html                    |  2 +-
 .../ApplicationForm/ApplicationForm.js        | 97 +++++++++++++++++++
 .../ApplicationForm/applicationValidation.js  | 12 +++
 .../components/TextAreaField/TextAreaField.js |  4 +-
 frontend/src/components/index.js              |  1 +
 .../src/containers/ApplyPage/ApplyPage.js     | 18 +++-
 6 files changed, 129 insertions(+), 5 deletions(-)
 create mode 100644 frontend/src/components/ApplicationForm/ApplicationForm.js
 create mode 100644 frontend/src/components/ApplicationForm/applicationValidation.js

diff --git a/frontend/public/index.html b/frontend/public/index.html
index 08f1302a6..306351825 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
 
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
   </head>
   <body>
     <div id="root"></div>
diff --git a/frontend/src/components/ApplicationForm/ApplicationForm.js b/frontend/src/components/ApplicationForm/ApplicationForm.js
new file mode 100644
index 000000000..10d5423f8
--- /dev/null
+++ b/frontend/src/components/ApplicationForm/ApplicationForm.js
@@ -0,0 +1,97 @@
+import React, { Component } from 'react'
+import { reduxForm, Field } from 'redux-form'
+import { Button, Emoji, TextField, TextAreaField, SelectField } from '../../components'
+import applicationValidation from './applicationValidation'
+
+const subtitleStyles = {
+  fontWeight: 300,
+  paddingBottom: '8px',
+  float: 'right'
+}
+
+class Subtitle extends Component {
+  render() {
+    return (
+      <div>
+        <div style={{ height: '10px'}} />
+
+        <p style={subtitleStyles}>{this.props.children}</p>
+
+        <div style={{float: 'clear'}}/>
+      </div>
+    )
+  }
+}
+
+class ApplicationForm extends Component {
+  buttonState() {
+    const { submitting, invalid, status } = this.props
+
+    if (invalid) {
+      return "disabled"
+    } else if (submitting) {
+      return "loading"
+    } else {
+      return status
+    }
+  }
+
+  buttonText(status) {
+    switch(status) {
+    case "error":
+      return (<span>Shucks <Emoji type="face_with_open_mouth_and_cold_sweat" /></span>)
+    case "success":
+      return (<span>You're all set! <Emoji type="balloon" /></span>)
+    default:
+      return "Submit"
+    }
+  }
+
+  render() {
+    return (
+      <form onSubmit={(x) => console.log(x) }>
+        <Subtitle>Information</Subtitle>
+
+        <Field name="firstName" label="First name" placeholder="Zaphod" component={TextField} />
+        <Field name="lastName" label="Last name" placeholder="Beeblebrox" component={TextField} />
+        <Field name="email" type="email" label="Preferred email" placeholder="zaphod@beeblebrox.com" component={TextField} />
+        <Field name="phoneNumber" label="Phone number" placeholder="(555) 555 5555" component={TextField} />
+        <Field name="highSchool" label="High school" placeholder="Visalia High School" component={TextField} />
+
+        <Field name="year" label="Current year" component={SelectField} >
+          <option value="below_high_school"></option>
+          <option value="nine">Nine</option>
+          <option value="ten">Ten</option>
+          <option value="eleven">Eleven</option>
+          <option value="twelve">Twelve</option>
+          <option value="college_student">College student</option>
+          <option value="teacher">Teacher</option>
+          <option value="parent">Parent or guardian</option>
+          <option value="other">Other</option>
+        </Field>
+
+        <Field name="github" label="GitHub" placeholder="Zaphod" component={TextField} />
+        <Field name="twitter" label="Twitter" placeholder="Zaphod" component={TextField} />
+
+        <Subtitle>Application</Subtitle>
+
+        <Field name="interestingProject" label="Please tell us about an interesting project, preferably outside of class, that you created or worked on." component={TextAreaField} />
+
+        <Field name="hack" label="Please tell us about the time you most successfully hacked some (non-computer) system to your advantage. Click here for the sorts of responses we're looking for." component={TextAreaField} />
+
+        <Field name="firstSteps" label="What steps have you taken so far in starting your club?" component={TextAreaField} />
+
+        <Field name="referral" label="How did you hear about us?" component={TextField} placeholder="" />
+
+        <Button type="form"
+                state={this.buttonState()}>{this.buttonText(status)}</Button>
+
+      </form>
+    )
+  }
+}
+
+export default reduxForm({
+  form: 'applicationForm',
+  validate: applicationValidation
+})(ApplicationForm)
diff --git a/frontend/src/components/ApplicationForm/applicationValidation.js b/frontend/src/components/ApplicationForm/applicationValidation.js
new file mode 100644
index 000000000..c9393b02f
--- /dev/null
+++ b/frontend/src/components/ApplicationForm/applicationValidation.js
@@ -0,0 +1,12 @@
+import { createValidator, required, email } from '../../utils/validation'
+
+export default createValidator({
+  firstName: [required],
+  lastName: [required],
+  email: [required, email],
+  year: [required],
+  interestingProject: [required],
+  hack: [required],
+  firstSteps: [required],
+  referral: [required]
+})
diff --git a/frontend/src/components/TextAreaField/TextAreaField.js b/frontend/src/components/TextAreaField/TextAreaField.js
index be58b9cb8..519c1c460 100644
--- a/frontend/src/components/TextAreaField/TextAreaField.js
+++ b/frontend/src/components/TextAreaField/TextAreaField.js
@@ -22,10 +22,10 @@ const styles = {
 
 class TextAreaField extends Field {
   renderInput() {
-    const { input, label } = this.props
+    const { input, label, placeholder } = this.props
 
     return (
-      <textarea {...input} style={styles} placeholder={label} />
+      <textarea {...input} style={styles} placeholder={placeholder} />
     )
   }
 }
diff --git a/frontend/src/components/index.js b/frontend/src/components/index.js
index 2bf65a751..b0d6b9807 100644
--- a/frontend/src/components/index.js
+++ b/frontend/src/components/index.js
@@ -1,3 +1,4 @@
+export { default as ApplicationForm } from './ApplicationForm/ApplicationForm'
 export { default as Button } from './Button/Button'
 export { default as Card } from './Card/Card'
 export { default as Cloud9SetupForm } from './Cloud9SetupForm/Cloud9SetupForm'
diff --git a/frontend/src/containers/ApplyPage/ApplyPage.js b/frontend/src/containers/ApplyPage/ApplyPage.js
index 52e36ea6d..eb58afd1d 100644
--- a/frontend/src/containers/ApplyPage/ApplyPage.js
+++ b/frontend/src/containers/ApplyPage/ApplyPage.js
@@ -1,10 +1,13 @@
 import React, { Component} from 'react'
+import Helmet from 'react-helmet'
 import {
   HorizontalRule,
   Heading,
   NavBar,
   Container,
-  Link
+  Link,
+  ApplicationForm,
+  Card
 } from '../../components'
 
 import pattern from '../../styles/pattern.png'
@@ -34,7 +37,12 @@ const styles = {
       width: '70%',
       height: '5px',
       marginTop: '-2.5px'
-    },
+    }
+  },
+  card: {
+    marginLeft: 'auto',
+    marginRight: 'auto',
+    maxWidth: '1000px'
   }
 }
 
@@ -74,12 +82,18 @@ class Apply extends Component {
   render() {
     return (
       <div>
+        <Helmet title="Apply" />
+
         <NavBar />
         <Container style={[styles.wrapper]}>
           <ApplyHeading />
 
           <ApplyInfo />
         </Container>
+
+        <Card style={[styles.card]}>
+          <ApplicationForm />
+        </Card>
       </div>
     )
   }

From 93b0fc46fbc1fed07a29d09738b47eb127e46f82 Mon Sep 17 00:00:00 2001
From: Harrison Shoebridge <harrison@theshoebridges.com>
Date: Wed, 5 Jul 2017 23:45:07 -0700
Subject: [PATCH 04/16] Add ClubApplications model

---
 .../v1/club_applications_controller.rb        | 21 +++++++++++++++++++
 api/app/models/club_application.rb            |  5 +++++
 api/config/routes.rb                          |  1 +
 ...20170706060227_create_club_applications.rb | 21 +++++++++++++++++++
 api/db/schema.rb                              | 20 +++++++++++++++++-
 api/spec/factories/club_applications.rb       |  5 +++++
 api/spec/models/club_application_spec.rb      |  5 +++++
 7 files changed, 77 insertions(+), 1 deletion(-)
 create mode 100644 api/app/controllers/v1/club_applications_controller.rb
 create mode 100644 api/app/models/club_application.rb
 create mode 100644 api/db/migrate/20170706060227_create_club_applications.rb
 create mode 100644 api/spec/factories/club_applications.rb
 create mode 100644 api/spec/models/club_application_spec.rb

diff --git a/api/app/controllers/v1/club_applications_controller.rb b/api/app/controllers/v1/club_applications_controller.rb
new file mode 100644
index 000000000..209ed15e6
--- /dev/null
+++ b/api/app/controllers/v1/club_applications_controller.rb
@@ -0,0 +1,21 @@
+module V1
+  class ClubApplicationsController < ApplicationController
+    def create
+      application = ClubApplication.new(application_params)
+
+      if application.save
+        render json: application, status: 201
+      else
+        render json: { errors: application.errors }, status: 422
+      end
+    end
+
+    def application_params
+      params.permit(
+        :first_name, :last_name, :email, :github, :twitter, :high_school,
+        :interesting_project, :systems_hacked, :steps_taken, :year, :referer,
+        :phone_number, :start_date
+      )
+    end
+  end
+end
diff --git a/api/app/models/club_application.rb b/api/app/models/club_application.rb
new file mode 100644
index 000000000..68c0224af
--- /dev/null
+++ b/api/app/models/club_application.rb
@@ -0,0 +1,5 @@
+class ClubApplication < ApplicationRecord
+  validates :first_name, :last_name, :email, :github, :twitter, :high_school,
+    :interesting_project, :systems_hacked, :steps_taken, :year, :referer,
+    :phone_number, :start_date, presence: true
+end
diff --git a/api/config/routes.rb b/api/config/routes.rb
index 2691a8908..ff97fdffe 100644
--- a/api/config/routes.rb
+++ b/api/config/routes.rb
@@ -6,6 +6,7 @@
     post 'cloud9/send_invite'
 
     resources :clubs
+    resources :club_applications, only: [:create]
     resources :tech_domain_redemptions, only: [:create]
 
     namespace :hackbot do
diff --git a/api/db/migrate/20170706060227_create_club_applications.rb b/api/db/migrate/20170706060227_create_club_applications.rb
new file mode 100644
index 000000000..4fc8202e1
--- /dev/null
+++ b/api/db/migrate/20170706060227_create_club_applications.rb
@@ -0,0 +1,21 @@
+class CreateClubApplications < ActiveRecord::Migration[5.0]
+  def change
+    create_table :club_applications do |t|
+      t.string :first_name
+      t.string :last_name
+      t.string :email
+      t.string :github
+      t.string :twitter
+      t.string :high_school
+      t.string :interesting_project
+      t.string :systems_hacked
+      t.string :steps_taken
+      t.integer :year
+      t.text :referer
+      t.string :phone_number
+      t.string :start_date
+
+      t.timestamps
+    end
+  end
+end
diff --git a/api/db/schema.rb b/api/db/schema.rb
index 7a7cf8d3f..1bbe6053e 100644
--- a/api/db/schema.rb
+++ b/api/db/schema.rb
@@ -10,7 +10,7 @@
 #
 # It's strongly recommended that you check this file into your version control system.
 
-ActiveRecord::Schema.define(version: 20170505071139) do
+ActiveRecord::Schema.define(version: 20170706060227) do
 
   # These are extensions that must be enabled in order to support this database
   enable_extension "plpgsql"
@@ -34,6 +34,24 @@
     t.datetime "updated_at", null: false
   end
 
+  create_table "club_applications", force: :cascade do |t|
+    t.string   "first_name"
+    t.string   "last_name"
+    t.string   "email"
+    t.string   "github"
+    t.string   "twitter"
+    t.string   "high_school"
+    t.string   "interesting_project"
+    t.string   "systems_hacked"
+    t.string   "steps_taken"
+    t.integer  "year"
+    t.text     "referer"
+    t.string   "phone_number"
+    t.string   "start_date"
+    t.datetime "created_at",          null: false
+    t.datetime "updated_at",          null: false
+  end
+
   create_table "clubs", force: :cascade do |t|
     t.text     "name"
     t.text     "address"
diff --git a/api/spec/factories/club_applications.rb b/api/spec/factories/club_applications.rb
new file mode 100644
index 000000000..ae0bb5744
--- /dev/null
+++ b/api/spec/factories/club_applications.rb
@@ -0,0 +1,5 @@
+FactoryGirl.define do
+  factory :club_application do
+    
+  end
+end
diff --git a/api/spec/models/club_application_spec.rb b/api/spec/models/club_application_spec.rb
new file mode 100644
index 000000000..023b2728e
--- /dev/null
+++ b/api/spec/models/club_application_spec.rb
@@ -0,0 +1,5 @@
+require 'rails_helper'
+
+RSpec.describe ClubApplication, type: :model do
+  pending "add some examples to (or delete) #{__FILE__}"
+end

From d75f038e03db28855aada7eb96de5273dc6420ab Mon Sep 17 00:00:00 2001
From: Harrison Shoebridge <harrison@theshoebridges.com>
Date: Thu, 6 Jul 2017 14:29:35 -0700
Subject: [PATCH 05/16] Add support for date type to Streakable

---
 api/app/models/concerns/streakable.rb | 28 +++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/api/app/models/concerns/streakable.rb b/api/app/models/concerns/streakable.rb
index 1f531f489..cab7256ce 100644
--- a/api/app/models/concerns/streakable.rb
+++ b/api/app/models/concerns/streakable.rb
@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+# rubocop:disable Metrics/ModuleLength
 module Streakable
   extend ActiveSupport::Concern
 
@@ -63,7 +64,16 @@ def streak_field_key_for_attribute(attribute)
   end
 
   def streak_field_value_for_attribute(attribute)
-    send(attribute)
+    val = send(attribute)
+    mapping = self.class.field_mappings[attribute]
+
+    return val unless mapping.is_a? Hash
+
+    if mapping[:type] == 'DATE'
+      time_to_ms_since_epoch(val)
+    else
+      val
+    end
   end
 
   # Given a symbol attribute name, get that attribute's value, parse the model's
@@ -92,7 +102,8 @@ def linked_streak_box_keys
 
   def create_box
     unless streak_key_val
-      resp = StreakClient::Box.create_in_pipeline(self.class.pipeline_key, name)
+      resp = StreakClient::Box.create_in_pipeline(self.class.pipeline_key,
+                                                  name_key_val)
 
       # Need to use self here because it'll try to create a variable by default
       # (try removing 'self.' from the beginning and running tests to see for
@@ -156,4 +167,17 @@ def stage_key_val
   def stage_key_val=(val)
     send("#{self.class.stage_attribute}=", val)
   end
+
+  def name_key_val
+    send(self.class.name_attribute)
+  end
+
+  def name_key_val=(val)
+    send("#{self.class.name_attribute}=", val)
+  end
+
+  def time_to_ms_since_epoch(time)
+    (time.to_f * 1000).to_i
+  end
 end
+# rubocop:enable Metrics/ModuleLength

From 700f56a8c48e0467e5ddfdb6e304cc830b715c1f Mon Sep 17 00:00:00 2001
From: Harrison Shoebridge <harrison@theshoebridges.com>
Date: Thu, 6 Jul 2017 14:30:02 -0700
Subject: [PATCH 06/16] Add Streak bindings for ClubApplication

---
 api/app/models/club_application.rb            | 99 ++++++++++++++++++-
 api/config/secrets.yml                        |  1 +
 ...20170706060227_create_club_applications.rb | 14 ++-
 api/db/schema.rb                              | 10 +-
 api/spec/factories/club_applications.rb       |  1 -
 circle.yml                                    |  1 +
 6 files changed, 119 insertions(+), 7 deletions(-)

diff --git a/api/app/models/club_application.rb b/api/app/models/club_application.rb
index 68c0224af..027de4fec 100644
--- a/api/app/models/club_application.rb
+++ b/api/app/models/club_application.rb
@@ -1,5 +1,100 @@
 class ClubApplication < ApplicationRecord
+  include Streakable
+
+  streak_pipeline_key(
+    Rails.application.secrets.streak_club_applications_pipeline_key
+  )
+
+  streak_default_field_mappings key: :streak_key, name: :high_school,
+                                notes: :notes, stage: :stage_key
+  streak_field_mappings(
+    first_name: '1010',
+    last_name: '1011',
+    email: '1012',
+    github: '1013',
+    twitter: '1014',
+    phone_number: '1019',
+    interesting_project: '1015',
+    systems_hacked: '1016',
+    steps_taken: '1017',
+    referer: '1018',
+    start_date: {
+      key: '1008',
+      type: 'DATE'
+    },
+    year: {
+      key: '1020',
+      type: 'DROPDOWN',
+      options: {
+        '2016' => '9007',
+        '2017' => '9006',
+        '2018' => '9005',
+        '2019' => '9004',
+        '2020' => '9003',
+        '2021' => '9002',
+        '2022' => '9001',
+        'Graduated' => '9008',
+        'Teacher' => '9009',
+        'Unknown' => '9010'
+      }
+    },
+    application_quality: {
+      key: '1009',
+      type: 'DROPDOWN',
+      options: {
+        'Satisfactory' => '9001',
+        'Above Average' => '9002',
+        'Excellent' => '9003',
+        'Unknown' => '9004'
+      }
+    },
+    rejection_reason: {
+      key: '1004',
+      type: 'DROPDOWN',
+      options: {
+        'Spam' => '9001',
+        'Not High School Student' => '9002',
+        'Did not respond to acceptance email' => '9004',
+        'Bad timing' => '9005',
+        'Not enough detail' => '9006',
+        'Teacher' => '9007',
+        'Merged with another application' => '9008',
+        'Bad fit' => '9009',
+        'Unknown' => '9010',
+        "Didn't show to onboarding call" => '9011',
+        "Didn't show to interview" => '9012'
+      }
+    },
+    source: {
+      key: '1003',
+      type: 'DROPDOWN',
+      options: {
+        'Word of Mouth' => '9001',
+        'Unknown' => '9002',
+        'Free Code Camp' => '9003',
+        'GitHub' => '9004',
+        'Press' => '9005',
+        'Searching online' => '9006',
+        'Hackathon' => '9007',
+        'Website' => '9008',
+        'Social media' => '9009',
+        'Hack Camp' => '9010',
+        'Hacker News' => '9011',
+        'French TV' => '9012',
+        'Code HS' => '9013',
+        'Direct Marketing' => '9014',
+        'Direct Marketing - Emailing Teachers' => '9016',
+        'Direct Marketing - GitHub Outreach' => '9018',
+        'Facebook Ad' => '9015',
+        'Product Hunt' => '9017',
+        'Direct Marketing - CodeDay Outreach' => '9019',
+        'Matthew Email Campaign' => '9020',
+        'Github Outreach—Hackathon Participant' => '9021'
+      }
+    }
+  )
+
   validates :first_name, :last_name, :email, :github, :twitter, :high_school,
-    :interesting_project, :systems_hacked, :steps_taken, :year, :referer,
-    :phone_number, :start_date, presence: true
+            :interesting_project, :systems_hacked, :steps_taken, :year,
+            :referer, :phone_number, :start_date, presence: true
 end
diff --git a/api/config/secrets.yml b/api/config/secrets.yml
index 33fd1d65a..8fc0e0a67 100644
--- a/api/config/secrets.yml
+++ b/api/config/secrets.yml
@@ -14,6 +14,7 @@ common: &common
   google_maps_api_key: <%= ENV.fetch("GOOGLE_MAPS_API_KEY") %>
   streak_api_key: <%= ENV.fetch("STREAK_API_KEY") %>
   streak_club_pipeline_key: <%= ENV.fetch("STREAK_CLUB_PIPELINE_KEY") %>
+  streak_club_applications_pipeline_key: <%= ENV.fetch("STREAK_CLUB_APPLICATIONS_PIPELINE_KEY") %>
   streak_leader_pipeline_key: <%= ENV.fetch("STREAK_LEADER_PIPELINE_KEY") %>
   streak_letter_pipeline_key: <%= ENV.fetch("STREAK_LETTER_PIPELINE_KEY") %>
   cloud9_username: <%= ENV.fetch("CLOUD9_USERNAME") %>
diff --git a/api/db/migrate/20170706060227_create_club_applications.rb b/api/db/migrate/20170706060227_create_club_applications.rb
index 4fc8202e1..b57a4fe06 100644
--- a/api/db/migrate/20170706060227_create_club_applications.rb
+++ b/api/db/migrate/20170706060227_create_club_applications.rb
@@ -1,4 +1,5 @@
 class CreateClubApplications < ActiveRecord::Migration[5.0]
+  # rubocop:disable Metrics/AbcSize
   def change
     create_table :club_applications do |t|
       t.string :first_name
@@ -10,12 +11,21 @@ def change
       t.string :interesting_project
       t.string :systems_hacked
       t.string :steps_taken
-      t.integer :year
       t.text :referer
       t.string :phone_number
-      t.string :start_date
+      t.date :start_date
+
+      t.text :year
+      t.text :application_quality
+      t.text :rejection_reason
+      t.text :source
+
+      t.string :streak_key
+      t.string :stage_key
+      t.string :notes
 
       t.timestamps
     end
   end
+  # rubocop:enable Metrics/AbcSize
 end
diff --git a/api/db/schema.rb b/api/db/schema.rb
index 1bbe6053e..67f388f1c 100644
--- a/api/db/schema.rb
+++ b/api/db/schema.rb
@@ -44,10 +44,16 @@
     t.string   "interesting_project"
     t.string   "systems_hacked"
     t.string   "steps_taken"
-    t.integer  "year"
     t.text     "referer"
     t.string   "phone_number"
-    t.string   "start_date"
+    t.date     "start_date"
+    t.text     "year"
+    t.text     "application_quality"
+    t.text     "rejection_reason"
+    t.text     "source"
+    t.string   "streak_key"
+    t.string   "stage_key"
+    t.string   "notes"
     t.datetime "created_at",          null: false
     t.datetime "updated_at",          null: false
   end
diff --git a/api/spec/factories/club_applications.rb b/api/spec/factories/club_applications.rb
index ae0bb5744..eaf8f4ea0 100644
--- a/api/spec/factories/club_applications.rb
+++ b/api/spec/factories/club_applications.rb
@@ -1,5 +1,4 @@
 FactoryGirl.define do
   factory :club_application do
-    
   end
 end
diff --git a/circle.yml b/circle.yml
index b501652ea..637f0c879 100644
--- a/circle.yml
+++ b/circle.yml
@@ -5,6 +5,7 @@ machine:
     GOOGLE_MAPS_API_KEY: test_maps_api_key
     STREAK_CLUB_PIPELINE_KEY: clubs
     STREAK_LEADER_PIPELINE_KEY: leaders
+    STREAK_CLUB_APPLICATIONS_PIPELINE_KEY: club_applications
     STREAK_LETTER_PIPELINE_KEY: letters
     STREAK_API_KEY: test_api_key
     CLOUD9_USERNAME: test_username

From fd51eba72bd241454efa39586663a7e804e66cc5 Mon Sep 17 00:00:00 2001
From: Harrison Shoebridge <harrison@theshoebridges.com>
Date: Thu, 6 Jul 2017 17:00:19 -0700
Subject: [PATCH 07/16] Add confirmation mailing

---
 api/Gemfile                                   |  1 +
 api/Gemfile.lock                              |  5 ++++
 api/app/mailers/club_application_mailer.rb    | 21 +++++++++++++
 api/app/models/club_application.rb            | 10 +++++++
 .../_club_application.text.erb                | 30 +++++++++++++++++++
 .../admin_notification.text.erb               |  7 +++++
 .../application_confirmation.text.erb         |  8 +++++
 api/config/environments/development.rb        |  2 ++
 api/config/environments/production.rb         | 12 ++++++++
 api/config/secrets.yml                        |  6 ++++
 10 files changed, 102 insertions(+)
 create mode 100644 api/app/mailers/club_application_mailer.rb
 create mode 100644 api/app/views/club_application/_club_application.text.erb
 create mode 100644 api/app/views/club_application_mailer/admin_notification.text.erb
 create mode 100644 api/app/views/club_application_mailer/application_confirmation.text.erb

diff --git a/api/Gemfile b/api/Gemfile
index 5b21b6cf4..e94ec1ea4 100644
--- a/api/Gemfile
+++ b/api/Gemfile
@@ -32,6 +32,7 @@ group :development, :test do
   gem 'database_cleaner', '~> 1.5', '>= 1.5.3'
   gem 'dotenv-rails', '~> 2.1', '>= 2.1.1'
   gem 'factory_girl_rails', '~> 4.7', '>= 4.7.0'
+  gem 'letter_opener', '~> 1.4.1'
   gem 'rspec-rails', '~> 3.5', '>= 3.5.2'
   gem 'vcr', '~> 3.0'
   gem 'webmock', '~> 2.1'
diff --git a/api/Gemfile.lock b/api/Gemfile.lock
index 7b057de99..723b2824b 100644
--- a/api/Gemfile.lock
+++ b/api/Gemfile.lock
@@ -108,6 +108,10 @@ GEM
     i18n (0.8.4)
     json (2.0.2)
     jsonapi-renderer (0.1.2)
+    launchy (2.4.3)
+      addressable (~> 2.3)
+    letter_opener (1.4.1)
+      launchy (~> 2.2)
     listen (3.0.8)
       rb-fsevent (~> 0.9, >= 0.9.4)
       rb-inotify (~> 0.9, >= 0.9.7)
@@ -292,6 +296,7 @@ DEPENDENCIES
   geocoder (~> 1.4)
   gruff
   guard-rspec (~> 4.7)
+  letter_opener (~> 1.4.1)
   listen (~> 3.0.5)
   octokit (~> 4.7)
   pg (~> 0.18.4)
diff --git a/api/app/mailers/club_application_mailer.rb b/api/app/mailers/club_application_mailer.rb
new file mode 100644
index 000000000..b556ec5a3
--- /dev/null
+++ b/api/app/mailers/club_application_mailer.rb
@@ -0,0 +1,21 @@
+class ClubApplicationMailer < ApplicationMailer
+  default from: 'Hack Club Team <team@hackclub.com>'
+
+  def application_confirmation(application)
+    @application = application
+
+    to = Mail::Address.new @application.email
+    to.display_name = @application.full_name
+
+    mail(to: to.format, subject: 'Application Confirmation')
+  end
+
+  def admin_notification(application)
+    @application = application
+
+    to = Mail::Address.new 'team@hackclub.com'
+    to.display_name = 'Hack Club Team'
+
+    mail(to: to.format, subject: @application.high_school)
+  end
+end
diff --git a/api/app/models/club_application.rb b/api/app/models/club_application.rb
index 027de4fec..b2f28b86c 100644
--- a/api/app/models/club_application.rb
+++ b/api/app/models/club_application.rb
@@ -1,3 +1,4 @@
+# rubocop:disable Metrics/ClassLength
 class ClubApplication < ApplicationRecord
   include Streakable
 
@@ -97,4 +98,13 @@ class ClubApplication < ApplicationRecord
   validates :first_name, :last_name, :email, :github, :twitter, :high_school,
             :interesting_project, :systems_hacked, :steps_taken, :year,
             :referer, :phone_number, :start_date, presence: true
+
+  def full_name
+    "#{first_name} #{last_name}"
+  end
+
+  def spam?
+    false
+  end
 end
+# rubocop:enable Metrics/ClassLength
diff --git a/api/app/views/club_application/_club_application.text.erb b/api/app/views/club_application/_club_application.text.erb
new file mode 100644
index 000000000..f288c3f17
--- /dev/null
+++ b/api/app/views/club_application/_club_application.text.erb
@@ -0,0 +1,30 @@
+Name: <%= @application.full_name %>
+High school: <%= @application.high_school %>
+Year: <%= @application.year %>
+Email: <%= @application.email %>
+Phone number: <%= @application.phone_number %>
+GitHub: <%= @application.github %>
+Twitter: <%= @application.twitter %>
+Start date: <%= @application.start_date %>
+
+
+Please tell us about an interesting project, preferably outside of
+class, that you created or worked on.
+
+<%= @application.interesting_project %>
+
+
+Please tell us about the time you most successfully hacked some
+(non-computer) system to your advantage.
+
+<%= @application.systems_hacked %>
+
+
+What steps have you taken so far in starting your club?
+
+<%= @application.steps_taken %>
+
+
+How did you hear about us?
+
+<%= @application.referer %>
diff --git a/api/app/views/club_application_mailer/admin_notification.text.erb b/api/app/views/club_application_mailer/admin_notification.text.erb
new file mode 100644
index 000000000..244567c8a
--- /dev/null
+++ b/api/app/views/club_application_mailer/admin_notification.text.erb
@@ -0,0 +1,7 @@
+New application for Hack Club received:
+
+<%= render "club_application/club_application" %>
+
+<%= if @application.spam? %>
+    This application is suspected to be spam!
+<%= end %>
diff --git a/api/app/views/club_application_mailer/application_confirmation.text.erb b/api/app/views/club_application_mailer/application_confirmation.text.erb
new file mode 100644
index 000000000..4bcbd66e6
--- /dev/null
+++ b/api/app/views/club_application_mailer/application_confirmation.text.erb
@@ -0,0 +1,8 @@
+Hey <%= @application.first_name %>!
+
+Thanks for applying to Hack Club. We've received your application and you
+can expect to hear from us shortly. If you have any questions, please
+don't hesitate to email me at zach@hackclub.com. Below is a copy of your
+application for your records.
+
+<%= render "club_application/club_application" %>
diff --git a/api/config/environments/development.rb b/api/config/environments/development.rb
index b2caa9358..f5b37b416 100644
--- a/api/config/environments/development.rb
+++ b/api/config/environments/development.rb
@@ -27,6 +27,8 @@
     config.cache_store = :null_store
   end
 
+  config.action_mailer.delivery_method = :letter_opener
+
   # Don't care if the mailer can't send.
   config.action_mailer.raise_delivery_errors = false
 
diff --git a/api/config/environments/production.rb b/api/config/environments/production.rb
index f1a83f83a..0fdd5f060 100644
--- a/api/config/environments/production.rb
+++ b/api/config/environments/production.rb
@@ -1,3 +1,4 @@
+# rubocop:disable Metrics/BlockLength
 Rails.application.configure do
   # Settings specified here will take precedence over those in
   # config/application.rb.
@@ -82,4 +83,15 @@
 
   # Do not dump schema after migrations.
   config.active_record.dump_schema_after_migration = false
+
+  config.action_mailer.smtp_settings = {
+    address: Rails.application.secrets.smtp_address,
+    port: Rails.application.secrets.smtp_port,
+    authentication: :plain,
+    user_name: Rails.application.secrets.smtp_username,
+    password: Rails.application.secrets.smtp_password,
+    domain: Rails.application.secrets.smtp_domain,
+    enable_starttls_auto: true
+  }
 end
+# rubocop:enable Metrics/BlockLength
diff --git a/api/config/secrets.yml b/api/config/secrets.yml
index 8fc0e0a67..879c25508 100644
--- a/api/config/secrets.yml
+++ b/api/config/secrets.yml
@@ -56,3 +56,9 @@ test:
 production:
   <<: *common
   secret_key_base: <%= ENV["SECRET_KEY_BASE"] %>
+
+  smtp_address: <%= ENV.fetch("SMTP_ADDRESS") %>
+  smtp_port: <%= ENV.fetch("SMTP_PORT") %>
+  smtp_username: <%= ENV.fetch("SMTP_USERNAME") %>
+  smtp_password: <% ENV.fetch("SMTP_PASSWORD") %>
+  smtp_domain: <% ENV.fetch("SMTP_DOMAIN") %>

From 78a96e56ca4ee8739ab063f451fef32fe64bf329 Mon Sep 17 00:00:00 2001
From: Harrison Shoebridge <harrison@theshoebridges.com>
Date: Thu, 6 Jul 2017 17:08:33 -0700
Subject: [PATCH 08/16] Send out emails on submission of application

---
 api/app/controllers/v1/club_applications_controller.rb | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/api/app/controllers/v1/club_applications_controller.rb b/api/app/controllers/v1/club_applications_controller.rb
index 209ed15e6..377f14013 100644
--- a/api/app/controllers/v1/club_applications_controller.rb
+++ b/api/app/controllers/v1/club_applications_controller.rb
@@ -5,11 +5,16 @@ def create
 
       if application.save
         render json: application, status: 201
+
+        ClubApplicationMailer.application_confirmation(application).deliver
+        ClubApplicationMailer.admin_notification(application).deliver
       else
         render json: { errors: application.errors }, status: 422
       end
     end
 
+    private
+
     def application_params
       params.permit(
         :first_name, :last_name, :email, :github, :twitter, :high_school,

From 08775026ff0cb36686f820ac0e77465bab6da120 Mon Sep 17 00:00:00 2001
From: Harrison Shoebridge <harrison@theshoebridges.com>
Date: Thu, 6 Jul 2017 17:12:22 -0700
Subject: [PATCH 09/16] Add SMTP vars to circle.yml

---
 api/circle.yml         | 37 +++++++++++++++++++++++++++++++++++++
 api/config/secrets.yml | 12 ++++++------
 circle.yml             |  6 ++++++
 3 files changed, 49 insertions(+), 6 deletions(-)
 create mode 100644 api/circle.yml

diff --git a/api/circle.yml b/api/circle.yml
new file mode 100644
index 000000000..fbbbaadb5
--- /dev/null
+++ b/api/circle.yml
@@ -0,0 +1,37 @@
+machine:
+  environment:
+    GOOGLE_MAPS_API_KEY: test_maps_api_key
+    STREAK_CLUB_PIPELINE_KEY: clubs
+    STREAK_LEADER_PIPELINE_KEY: leaders
+    STREAK_LETTER_PIPELINE_KEY: letters
+    STREAK_API_KEY: test_api_key
+    CLOUD9_USERNAME: test_username
+    CLOUD9_PASSWORD: test_password
+    CLOUD9_TEAM_NAME: fake_team_name
+    STREAK_OUTREACH_SCHOOL_PIPELINE_KEY: schools
+    STREAK_OUTREACH_TEACHER_PIPELINE_KEY: teachers
+    SLACK_CLIENT_ID: fake_client_id
+    SLACK_CLIENT_SECRET: fake_client_secret
+    DEFAULT_SLACK_TEAM_ID: fake_slack_team_id
+    TECH_DOMAIN_REDEMPTION_SECRET_CODE: fake_secret_code
+    GIPHY_API_KEY: fake_giphy_api_key
+    DEFAULT_STREAK_TASK_ASSIGNEE: email@email.email
+    HACKBOT_MIRROR_CHANNEL_ID: fake_channel_id
+    HACKBOT_ADMINS: fake,admin,list
+    STREAK_DEMO_USER_BOX_KEY: fake_streak_key
+    GITHUB_BOT_ACCESS_TOKEN: fake_access_token
+test:
+  override:
+    - bundle exec rubocop
+    - bundle exec rspec
+
+deployment:
+  production:
+    branch: master
+    commands:
+      # CircleCI shallow clones by default. This fetches the remainder of the
+      # repo's history. Heroku deploys will occasionally fail without this.
+      - "[[ ! -s \"$(git rev-parse --git-dir)/shallow\" ]] || git fetch --unshallow"
+      - git push git@heroku.com:api-hackclub.git $CIRCLE_SHA1:refs/heads/master
+      - heroku run rake db:migrate --app api-hackclub:
+          timeout: 400 # Deploys may take a long time
diff --git a/api/config/secrets.yml b/api/config/secrets.yml
index 879c25508..d9d68cf1f 100644
--- a/api/config/secrets.yml
+++ b/api/config/secrets.yml
@@ -43,6 +43,12 @@ common: &common
 
   github_bot_access_token: <%= ENV.fetch("GITHUB_BOT_ACCESS_TOKEN") %>
 
+  smtp_address: <%= ENV.fetch("SMTP_ADDRESS") %>
+  smtp_port: <%= ENV.fetch("SMTP_PORT") %>
+  smtp_username: <%= ENV.fetch("SMTP_USERNAME") %>
+  smtp_password: <% ENV.fetch("SMTP_PASSWORD") %>
+  smtp_domain: <% ENV.fetch("SMTP_DOMAIN") %>
+
 development:
   <<: *common
   secret_key_base: 6d02f9126a44347e07442fddf774b6a434a85b86e23629eab947c9c101b8aa878ad8fe5dadba26a3341f1a16f480068ae5234861cb7b913f526a0e96a21fcc7d
@@ -56,9 +62,3 @@ test:
 production:
   <<: *common
   secret_key_base: <%= ENV["SECRET_KEY_BASE"] %>
-
-  smtp_address: <%= ENV.fetch("SMTP_ADDRESS") %>
-  smtp_port: <%= ENV.fetch("SMTP_PORT") %>
-  smtp_username: <%= ENV.fetch("SMTP_USERNAME") %>
-  smtp_password: <% ENV.fetch("SMTP_PASSWORD") %>
-  smtp_domain: <% ENV.fetch("SMTP_DOMAIN") %>
diff --git a/circle.yml b/circle.yml
index 637f0c879..965d52d54 100644
--- a/circle.yml
+++ b/circle.yml
@@ -24,6 +24,12 @@ machine:
     STREAK_DEMO_USER_BOX_KEY: fake_streak_key
     GITHUB_BOT_ACCESS_TOKEN: fake_access_token
 
+    SMTP_ADDRESS: fake_smtp_address
+    SMTP_PORT: fake_smtp_port
+    SMTP_USERNAME: fake_smtp_username
+    SMTP_PASSWORD: fake_smtp_password
+    SMTP_DOMAIN: fake_smtp_domain
+
     DATABASE_URL: postgresql://ubuntu:@127.0.0.1:5432/circle_test
 dependencies:
   override:

From 77c05b60480e478c7a65e05b43205b1060ca109a Mon Sep 17 00:00:00 2001
From: Harrison Shoebridge <harrison@theshoebridges.com>
Date: Fri, 7 Jul 2017 13:36:44 -0700
Subject: [PATCH 10/16] Tie front and backends together

---
 .../v1/club_applications_controller.rb        |  2 +-
 api/app/models/club_application.rb            |  4 +-
 .../admin_notification.text.erb               |  4 +-
 api/config/secrets.yml                        | 13 +--
 ...20170706060227_create_club_applications.rb |  2 +-
 api/db/schema.rb                              |  2 +-
 .../ApplicationForm/ApplicationForm.js        | 91 +++++++++++++++----
 .../ApplicationForm/applicationValidation.js  | 12 +--
 .../src/containers/ApplyPage/ApplyPage.js     | 33 ++++++-
 frontend/src/redux/modules/apply.js           | 35 +++++++
 frontend/src/redux/modules/reducer.js         |  2 +
 11 files changed, 156 insertions(+), 44 deletions(-)
 create mode 100644 frontend/src/redux/modules/apply.js

diff --git a/api/app/controllers/v1/club_applications_controller.rb b/api/app/controllers/v1/club_applications_controller.rb
index 377f14013..a378bfa65 100644
--- a/api/app/controllers/v1/club_applications_controller.rb
+++ b/api/app/controllers/v1/club_applications_controller.rb
@@ -16,7 +16,7 @@ def create
     private
 
     def application_params
-      params.permit(
+      params.require(:club_application).permit(
         :first_name, :last_name, :email, :github, :twitter, :high_school,
         :interesting_project, :systems_hacked, :steps_taken, :year, :referer,
         :phone_number, :start_date
diff --git a/api/app/models/club_application.rb b/api/app/models/club_application.rb
index b2f28b86c..8a29b4d40 100644
--- a/api/app/models/club_application.rb
+++ b/api/app/models/club_application.rb
@@ -95,9 +95,9 @@ class ClubApplication < ApplicationRecord
     }
   )
 
-  validates :first_name, :last_name, :email, :github, :twitter, :high_school,
+  validates :first_name, :last_name, :email, :high_school,
             :interesting_project, :systems_hacked, :steps_taken, :year,
-            :referer, :phone_number, :start_date, presence: true
+            :referer, :start_date, presence: true
 
   def full_name
     "#{first_name} #{last_name}"
diff --git a/api/app/views/club_application_mailer/admin_notification.text.erb b/api/app/views/club_application_mailer/admin_notification.text.erb
index 244567c8a..eed0f34f8 100644
--- a/api/app/views/club_application_mailer/admin_notification.text.erb
+++ b/api/app/views/club_application_mailer/admin_notification.text.erb
@@ -2,6 +2,6 @@ New application for Hack Club received:
 
 <%= render "club_application/club_application" %>
 
-<%= if @application.spam? %>
+<% if @application.spam? %>
     This application is suspected to be spam!
-<%= end %>
+<% end %>
diff --git a/api/config/secrets.yml b/api/config/secrets.yml
index d9d68cf1f..5e506850d 100644
--- a/api/config/secrets.yml
+++ b/api/config/secrets.yml
@@ -43,12 +43,6 @@ common: &common
 
   github_bot_access_token: <%= ENV.fetch("GITHUB_BOT_ACCESS_TOKEN") %>
 
-  smtp_address: <%= ENV.fetch("SMTP_ADDRESS") %>
-  smtp_port: <%= ENV.fetch("SMTP_PORT") %>
-  smtp_username: <%= ENV.fetch("SMTP_USERNAME") %>
-  smtp_password: <% ENV.fetch("SMTP_PASSWORD") %>
-  smtp_domain: <% ENV.fetch("SMTP_DOMAIN") %>
-
 development:
   <<: *common
   secret_key_base: 6d02f9126a44347e07442fddf774b6a434a85b86e23629eab947c9c101b8aa878ad8fe5dadba26a3341f1a16f480068ae5234861cb7b913f526a0e96a21fcc7d
@@ -62,3 +56,10 @@ test:
 production:
   <<: *common
   secret_key_base: <%= ENV["SECRET_KEY_BASE"] %>
+
+  smtp_address: <%= ENV.fetch("SMTP_ADDRESS") %>
+  smtp_port: <%= ENV.fetch("SMTP_PORT") %>
+  smtp_username: <%= ENV.fetch("SMTP_USERNAME") %>
+  smtp_password: <% ENV.fetch("SMTP_PASSWORD") %>
+  smtp_domain: <% ENV.fetch("SMTP_DOMAIN") %>
+
diff --git a/api/db/migrate/20170706060227_create_club_applications.rb b/api/db/migrate/20170706060227_create_club_applications.rb
index b57a4fe06..c47e0c533 100644
--- a/api/db/migrate/20170706060227_create_club_applications.rb
+++ b/api/db/migrate/20170706060227_create_club_applications.rb
@@ -13,7 +13,7 @@ def change
       t.string :steps_taken
       t.text :referer
       t.string :phone_number
-      t.date :start_date
+      t.time :start_date
 
       t.text :year
       t.text :application_quality
diff --git a/api/db/schema.rb b/api/db/schema.rb
index 67f388f1c..59b88d50e 100644
--- a/api/db/schema.rb
+++ b/api/db/schema.rb
@@ -46,7 +46,7 @@
     t.string   "steps_taken"
     t.text     "referer"
     t.string   "phone_number"
-    t.date     "start_date"
+    t.time     "start_date"
     t.text     "year"
     t.text     "application_quality"
     t.text     "rejection_reason"
diff --git a/frontend/src/components/ApplicationForm/ApplicationForm.js b/frontend/src/components/ApplicationForm/ApplicationForm.js
index 10d5423f8..72156b02f 100644
--- a/frontend/src/components/ApplicationForm/ApplicationForm.js
+++ b/frontend/src/components/ApplicationForm/ApplicationForm.js
@@ -3,6 +3,21 @@ import { reduxForm, Field } from 'redux-form'
 import { Button, Emoji, TextField, TextAreaField, SelectField } from '../../components'
 import applicationValidation from './applicationValidation'
 
+const monthNames = [
+  'January',
+  'February',
+  'March',
+  'April',
+  'May',
+  'June',
+  'July',
+  'August',
+  'September',
+  'October',
+  'November',
+  'December'
+]
+
 const subtitleStyles = {
   fontWeight: 300,
   paddingBottom: '8px',
@@ -36,6 +51,33 @@ class ApplicationForm extends Component {
     }
   }
 
+  next12Months() {
+    const genMonth = (date) => {
+      const month = monthNames[date.getMonth()]
+
+      const label = `${month} ${date.getFullYear()}`
+      const iso = date.toISOString()
+
+      return { label, iso }
+    }
+
+    var months = []
+    var today = new Date()
+
+    var asap = genMonth(today);
+    asap.label = "ASAP"
+
+    months.push(asap)
+
+    for (var i = 0; i < 12; i++) {
+      today.setMonth(today.getMonth() + 1)
+
+      months.push(genMonth(today))
+    }
+
+    return months
+  }
+
   buttonText(status) {
     switch(status) {
     case "error":
@@ -48,40 +90,49 @@ class ApplicationForm extends Component {
   }
 
   render() {
+    const { handleSubmit, style, status} = this.props
+
     return (
-      <form onSubmit={(x) => console.log(x) }>
+      <form style={style} onSubmit={handleSubmit}>
         <Subtitle>Information</Subtitle>
 
-        <Field name="firstName" label="First name" placeholder="Zaphod" component={TextField} />
-        <Field name="lastName" label="Last name" placeholder="Beeblebrox" component={TextField} />
+        <Field name="first_name" label="First name" placeholder="Zaphod" component={TextField} />
+        <Field name="last_name" label="Last name" placeholder="Beeblebrox" component={TextField} />
         <Field name="email" type="email" label="Preferred email" placeholder="zaphod@beeblebrox.com" component={TextField} />
-        <Field name="phoneNumber" label="Phone number" placeholder="(555) 555 5555" component={TextField} />
-        <Field name="highSchool" label="High school" placeholder="Visalia High School" component={TextField} />
-
-        <Field name="year" label="Current year" component={SelectField} >
-          <option value="below_high_school"></option>
-          <option value="nine">Nine</option>
-          <option value="ten">Ten</option>
-          <option value="eleven">Eleven</option>
-          <option value="twelve">Twelve</option>
-          <option value="college_student">College student</option>
-          <option value="teacher">Teacher</option>
-          <option value="parent">Parent or guardian</option>
-          <option value="other">Other</option>
+        <Field name="phone_number" label="Phone number" placeholder="(555) 555 5555" component={TextField} />
+        <Field name="high_school" label="High school" placeholder="Visalia High School" component={TextField} />
+
+        <Field name="year" label="When do you graduate high school?" component={SelectField}>
+          <option value="9010">Other</option>
+          <option value="9001">2022</option>
+          <option value="9002">2021</option>
+          <option value="9003">2020</option>
+          <option value="9004">2019</option>
+          <option value="9005">2018</option>
+          <option value="9006">2017</option>
+          <option value="9007">2016</option>
+          <option value="9009">Teacher</option>
+          <option value="9008">Graduated</option>
         </Field>
 
         <Field name="github" label="GitHub" placeholder="Zaphod" component={TextField} />
         <Field name="twitter" label="Twitter" placeholder="Zaphod" component={TextField} />
 
+        <Field name="start_date" label="When do you want to start your club?" component={SelectField}>
+          { this.next12Months().map(month => {
+            return (<option value={month.iso} key={month.iso}>{month.label}</option>)
+          })}
+        </Field>
+
         <Subtitle>Application</Subtitle>
 
-        <Field name="interestingProject" label="Please tell us about an interesting project, preferably outside of class, that you created or worked on." component={TextAreaField} />
+        <Field name="interesting_project" label="Please tell us about an interesting project, preferably outside of class, that you created or worked on." component={TextAreaField} />
 
-        <Field name="hack" label="Please tell us about the time you most successfully hacked some (non-computer) system to your advantage. Click here for the sorts of responses we're looking for." component={TextAreaField} />
+        <Field name="systems_hacked" label="Please tell us about the time you most successfully hacked some (non-computer) system to your advantage. Click here for the sorts of responses we're looking for." component={TextAreaField} />
 
-        <Field name="firstSteps" label="What steps have you taken so far in starting your club?" component={TextAreaField} />
+        <Field name="steps_taken" label="What steps have you taken so far in starting your club?" component={TextAreaField} />
 
-        <Field name="referral" label="How did you hear about us?" component={TextField} placeholder="" />
+        <Field name="referer" label="How did you hear about us?" component={TextField} placeholder="" />
 
         <Button type="form"
                 state={this.buttonState()}>{this.buttonText(status)}</Button>
diff --git a/frontend/src/components/ApplicationForm/applicationValidation.js b/frontend/src/components/ApplicationForm/applicationValidation.js
index c9393b02f..2098e61b7 100644
--- a/frontend/src/components/ApplicationForm/applicationValidation.js
+++ b/frontend/src/components/ApplicationForm/applicationValidation.js
@@ -1,12 +1,12 @@
 import { createValidator, required, email } from '../../utils/validation'
 
 export default createValidator({
-  firstName: [required],
-  lastName: [required],
+  first_name: [required],
+  last_name: [required],
   email: [required, email],
   year: [required],
-  interestingProject: [required],
-  hack: [required],
-  firstSteps: [required],
-  referral: [required]
+  interesting_project: [required],
+  systems_hacked: [required],
+  first_steps: [required],
+  referer: [required]
 })
diff --git a/frontend/src/containers/ApplyPage/ApplyPage.js b/frontend/src/containers/ApplyPage/ApplyPage.js
index eb58afd1d..5a657418e 100644
--- a/frontend/src/containers/ApplyPage/ApplyPage.js
+++ b/frontend/src/containers/ApplyPage/ApplyPage.js
@@ -1,7 +1,11 @@
-import React, { Component} from 'react'
+import React, { Component, PropTypes } from 'react'
+import Radium from 'radium'
 import Helmet from 'react-helmet'
+import { connect } from 'react-redux'
+import * as applyActions from '../../redux/modules/apply'
+import { SubmissionError } from 'redux-form'
+
 import {
-  HorizontalRule,
   Heading,
   NavBar,
   Container,
@@ -10,7 +14,6 @@ import {
   Card
 } from '../../components'
 
-import pattern from '../../styles/pattern.png'
 import { mediaQueries } from '../../styles/common'
 
 const styles = {
@@ -79,6 +82,19 @@ class ApplyInfo extends Component {
 }
 
 class Apply extends Component {
+  static propTypes = {
+    status: PropTypes.string
+  }
+
+  handleSubmit(values) {
+    const { submit } = this.props
+
+    return submit(values)
+      .catch(error => {
+        throw new SubmissionError(error.errors)
+      })
+  }
+
   render() {
     return (
       <div>
@@ -92,11 +108,18 @@ class Apply extends Component {
         </Container>
 
         <Card style={[styles.card]}>
-          <ApplicationForm />
+          <ApplicationForm onSubmit={values => this.handleSubmit(values)} status={status} />
         </Card>
       </div>
     )
   }
 }
 
-export default Apply
+const mapStateToProps = state => ({
+  status: state.apply.status
+})
+
+export default connect(
+  mapStateToProps,
+  {...applyActions}
+)(Radium(Apply))
diff --git a/frontend/src/redux/modules/apply.js b/frontend/src/redux/modules/apply.js
new file mode 100644
index 000000000..35b8f8963
--- /dev/null
+++ b/frontend/src/redux/modules/apply.js
@@ -0,0 +1,35 @@
+const SUBMIT = 'hackclub/apply/SUBMIT'
+const SUBMIT_SUCCESS = 'hackclub/apply/SUBMIT_SUCCESS'
+const SUBMIT_FAIL = 'hackclub/apply/SUBMIT_FAIL'
+
+const initialState = {
+  status: null
+}
+
+export default function reducer(state=initialState, action={}) {
+  switch (action.type) {
+  case SUBMIT:
+    return state // 'saving' flag handled by redux-form
+  case SUBMIT_SUCCESS:
+    return {
+      ...state,
+      status: "success"
+    }
+  case SUBMIT_FAIL:
+    return {
+      ...state,
+      status: "error"
+    }
+  default:
+    return state
+  }
+}
+
+export function submit(application) {
+  return {
+    types: [SUBMIT, SUBMIT_SUCCESS, SUBMIT_FAIL],
+    promise: client => client.post('/v1/club_applications', {
+      data: application
+    })
+  }
+}
diff --git a/frontend/src/redux/modules/reducer.js b/frontend/src/redux/modules/reducer.js
index 80f85ab1c..81fafccec 100644
--- a/frontend/src/redux/modules/reducer.js
+++ b/frontend/src/redux/modules/reducer.js
@@ -4,6 +4,7 @@ import { routerReducer } from 'react-router-redux'
 import application from './application'
 import cloud9Setup from './cloud9Setup'
 import clubs from './clubs'
+import apply from './apply'
 import hackbot from './hackbot'
 import leaderIntake from './leaderIntake'
 import techDomainRedemption from './techDomainRedemption'
@@ -17,5 +18,6 @@ export default combineReducers({
   hackbot,
   leaderIntake,
   techDomainRedemption,
+  apply,
   form
 })

From 9b84644bef9042d3de639c07e71aea362e40cd83 Mon Sep 17 00:00:00 2001
From: Harrison Shoebridge <harrison@theshoebridges.com>
Date: Fri, 7 Jul 2017 19:05:37 -0700
Subject: [PATCH 11/16] Add spam detection

---
 api/app/models/club_application.rb                |  2 +-
 api/app/services/club_application_spam_service.rb | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 api/app/services/club_application_spam_service.rb

diff --git a/api/app/models/club_application.rb b/api/app/models/club_application.rb
index 8a29b4d40..62eee1a37 100644
--- a/api/app/models/club_application.rb
+++ b/api/app/models/club_application.rb
@@ -104,7 +104,7 @@ def full_name
   end
 
   def spam?
-    false
+    ClubApplicationSpamService.new.spam? self
   end
 end
 # rubocop:enable Metrics/ClassLength
diff --git a/api/app/services/club_application_spam_service.rb b/api/app/services/club_application_spam_service.rb
new file mode 100644
index 000000000..9cac40e05
--- /dev/null
+++ b/api/app/services/club_application_spam_service.rb
@@ -0,0 +1,14 @@
+class ClubApplicationSpamService
+  WORD_CUTOFF = 5
+
+  def spam?(application)
+    word_count(application.interesting_project) <= WORD_CUTOFF ||
+      word_count(application.systems_hacked) <= WORD_CUTOFF
+  end
+
+  private
+
+  def word_count(str)
+    str.split(' ').count
+  end
+end

From 6d46eea3c317eeca2d045c687d0998932949e66f Mon Sep 17 00:00:00 2001
From: Harrison Shoebridge <harrison@theshoebridges.com>
Date: Fri, 7 Jul 2017 19:47:26 -0700
Subject: [PATCH 12/16] Add read only Streak fields

---
 api/app/models/club.rb                | 10 ++--------
 api/app/models/club_application.rb    |  6 ++++++
 api/app/models/concerns/streakable.rb |  9 +++++++++
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/api/app/models/club.rb b/api/app/models/club.rb
index 882f70d36..1155da900 100644
--- a/api/app/models/club.rb
+++ b/api/app/models/club.rb
@@ -28,10 +28,11 @@ class Club < ApplicationRecord
         'Hack Camp' => '9010'
       }
     },
-    point_of_contact_name: '1012',
     activation_date: '1015'
   )
 
+  streak_read_only key: '1012', sym: :point_of_contact_name
+
   geocode_attrs address: :address,
                 latitude: :latitude,
                 longitude: :longitude
@@ -62,13 +63,6 @@ def dormant?
     stage_key == DORMANT_STAGE
   end
 
-  # This setter prevents the point of contact name from being set from Streak.
-  # The point of contact should only be changed in the database, which will
-  # update the Streak pipeline.
-  def point_of_contact_name=(_)
-    nil
-  end
-
   def make_active
     self.stage_key = ACTIVE_STAGE
 
diff --git a/api/app/models/club_application.rb b/api/app/models/club_application.rb
index 62eee1a37..819e30819 100644
--- a/api/app/models/club_application.rb
+++ b/api/app/models/club_application.rb
@@ -95,6 +95,8 @@ class ClubApplication < ApplicationRecord
     }
   )
 
+  streak_read_only key: '1021', sym: :spam
+
   validates :first_name, :last_name, :email, :high_school,
             :interesting_project, :systems_hacked, :steps_taken, :year,
             :referer, :start_date, presence: true
@@ -103,6 +105,10 @@ def full_name
     "#{first_name} #{last_name}"
   end
 
+  def spam
+    spam?.to_s
+  end
+
   def spam?
     ClubApplicationSpamService.new.spam? self
   end
diff --git a/api/app/models/concerns/streakable.rb b/api/app/models/concerns/streakable.rb
index cab7256ce..360dd429f 100644
--- a/api/app/models/concerns/streakable.rb
+++ b/api/app/models/concerns/streakable.rb
@@ -36,6 +36,15 @@ def streak_default_field_mappings(key:, name:, notes:, stage:)
       @notes_attribute = notes
       @stage_attribute = stage
     end
+
+    def streak_read_only(key:, sym:)
+      @field_mappings[sym] = key
+
+      # Construct a setter out of the symbol
+      read_only = :"#{sym.to_s + '='}"
+
+      define_method(read_only) { |_| nil }
+    end
   end
 
   included do

From 0e7336b42ff350a0651d0b708903567cd258a5fb Mon Sep 17 00:00:00 2001
From: Harrison Shoebridge <harrison@theshoebridges.com>
Date: Sun, 9 Jul 2017 12:29:23 -0700
Subject: [PATCH 13/16] Split React components into different files

---
 .../components/TextAreaField/TextAreaField.js |  2 +-
 .../ApplyPage/ApplyHeading/ApplyHeading.js    | 24 ++++++++++++
 .../ApplyPage/ApplyInfo/ApplyInfo.js          | 19 ++++++++++
 .../src/containers/ApplyPage/ApplyPage.js     | 37 ++-----------------
 4 files changed, 47 insertions(+), 35 deletions(-)
 create mode 100644 frontend/src/containers/ApplyPage/ApplyHeading/ApplyHeading.js
 create mode 100644 frontend/src/containers/ApplyPage/ApplyInfo/ApplyInfo.js

diff --git a/frontend/src/components/TextAreaField/TextAreaField.js b/frontend/src/components/TextAreaField/TextAreaField.js
index 519c1c460..1d3922fe0 100644
--- a/frontend/src/components/TextAreaField/TextAreaField.js
+++ b/frontend/src/components/TextAreaField/TextAreaField.js
@@ -22,7 +22,7 @@ const styles = {
 
 class TextAreaField extends Field {
   renderInput() {
-    const { input, label, placeholder } = this.props
+    const { input, placeholder } = this.props
 
     return (
       <textarea {...input} style={styles} placeholder={placeholder} />
diff --git a/frontend/src/containers/ApplyPage/ApplyHeading/ApplyHeading.js b/frontend/src/containers/ApplyPage/ApplyHeading/ApplyHeading.js
new file mode 100644
index 000000000..5cc0e4418
--- /dev/null
+++ b/frontend/src/containers/ApplyPage/ApplyHeading/ApplyHeading.js
@@ -0,0 +1,24 @@
+import React, { Component } from 'react'
+
+import { Heading } from '../../../components'
+import { mediaQueries } from '../../../styles/common'
+
+const styles = {
+  fontWeight: 'bolder',
+  fontSize: '26px',
+  [mediaQueries.mediumUp]: {
+    fontSize: '36px'
+  }
+}
+
+class ApplyHeading extends Component {
+  render() {
+    return (
+      <div>
+        <Heading style={styles}>Apply to Start a Hack Club</Heading>
+      </div>
+    )
+  }
+}
+
+export default ApplyHeading
diff --git a/frontend/src/containers/ApplyPage/ApplyInfo/ApplyInfo.js b/frontend/src/containers/ApplyPage/ApplyInfo/ApplyInfo.js
new file mode 100644
index 000000000..d310202e5
--- /dev/null
+++ b/frontend/src/containers/ApplyPage/ApplyInfo/ApplyInfo.js
@@ -0,0 +1,19 @@
+import React, { Component } from 'react'
+
+import { Link } from '../../../components'
+
+class ApplyInfo extends Component {
+  render() {
+    return (
+      <div>
+        <p>We're accepting applications all the time. It's great if your responses to these questions are over 3 sentences long, but make sure you don't write an essay!</p>
+
+        <br />
+
+        <p>Check out our <Link href="/example_applications">example applications</Link> if you want some help!</p>
+      </div>
+    )
+  }
+}
+
+export default ApplyInfo
diff --git a/frontend/src/containers/ApplyPage/ApplyPage.js b/frontend/src/containers/ApplyPage/ApplyPage.js
index 5a657418e..8a71c6ada 100644
--- a/frontend/src/containers/ApplyPage/ApplyPage.js
+++ b/frontend/src/containers/ApplyPage/ApplyPage.js
@@ -5,11 +5,12 @@ import { connect } from 'react-redux'
 import * as applyActions from '../../redux/modules/apply'
 import { SubmissionError } from 'redux-form'
 
+import ApplyInfo from './ApplyInfo/ApplyInfo'
+import ApplyHeading from './ApplyHeading/ApplyHeading'
+
 import {
-  Heading,
   NavBar,
   Container,
-  Link,
   ApplicationForm,
   Card
 } from '../../components'
@@ -49,38 +50,6 @@ const styles = {
   }
 }
 
-const headingStyles = {
-  fontWeight: 'bolder',
-  fontSize: '26px',
-  [mediaQueries.mediumUp]: {
-    fontSize: '36px'
-  }
-}
-
-class ApplyHeading extends Component {
-  render() {
-    return (
-      <div>
-        <Heading style={headingStyles}>Apply to Start a Hack Club</Heading>
-      </div>
-    )
-  }
-}
-
-class ApplyInfo extends Component {
-  render() {
-    return (
-      <div>
-        <p>We're accepting applications all the time. It's great if your responses to these questions are over 3 sentences long, but make sure you don't write an essay!</p>
-
-        <br />
-
-        <p>Check out our <Link href="/example_applications">example applications</Link> if you want some help!</p>
-      </div>
-    )
-  }
-}
-
 class Apply extends Component {
   static propTypes = {
     status: PropTypes.string

From 0ae51b701bcd15b9bf318e36847d5de3448b2d2a Mon Sep 17 00:00:00 2001
From: Harrison Shoebridge <harrison@theshoebridges.com>
Date: Sun, 9 Jul 2017 13:00:50 -0700
Subject: [PATCH 14/16] Fix streak_read_only interface

---
 api/app/models/club.rb                |  2 +-
 api/app/models/club_application.rb    |  2 +-
 api/app/models/concerns/streakable.rb | 13 ++++++++-----
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/api/app/models/club.rb b/api/app/models/club.rb
index 1155da900..307c8e9e7 100644
--- a/api/app/models/club.rb
+++ b/api/app/models/club.rb
@@ -31,7 +31,7 @@ class Club < ApplicationRecord
     activation_date: '1015'
   )
 
-  streak_read_only key: '1012', sym: :point_of_contact_name
+  streak_read_only point_of_contact_name: '1012'
 
   geocode_attrs address: :address,
                 latitude: :latitude,
diff --git a/api/app/models/club_application.rb b/api/app/models/club_application.rb
index 819e30819..f0ccd9dce 100644
--- a/api/app/models/club_application.rb
+++ b/api/app/models/club_application.rb
@@ -95,7 +95,7 @@ class ClubApplication < ApplicationRecord
     }
   )
 
-  streak_read_only key: '1021', sym: :spam
+  streak_read_only spam: '1021'
 
   validates :first_name, :last_name, :email, :high_school,
             :interesting_project, :systems_hacked, :steps_taken, :year,
diff --git a/api/app/models/concerns/streakable.rb b/api/app/models/concerns/streakable.rb
index 360dd429f..8a2853f1f 100644
--- a/api/app/models/concerns/streakable.rb
+++ b/api/app/models/concerns/streakable.rb
@@ -37,13 +37,16 @@ def streak_default_field_mappings(key:, name:, notes:, stage:)
       @stage_attribute = stage
     end
 
-    def streak_read_only(key:, sym:)
-      @field_mappings[sym] = key
+    def streak_read_only(mapping)
+      @field_mappings ||= {}
+      @field_mappings = @field_mappings.merge(mapping)
 
-      # Construct a setter out of the symbol
-      read_only = :"#{sym.to_s + '='}"
+      mapping.keys.each do |sym|
+        # Construct a setter out of the symbol
+        read_only = :"#{sym.to_s + '='}"
 
-      define_method(read_only) { |_| nil }
+        define_method(read_only) { |_| nil }
+      end
     end
   end
 

From 651e44cebf88937a8f69b074f6f2b040a2dd67fe Mon Sep 17 00:00:00 2001
From: Max Wofford <max@maxwofford.com>
Date: Sun, 9 Jul 2017 20:00:27 -0700
Subject: [PATCH 15/16] Add Diamond Age placeholder to apply page

---
 .../components/ApplicationForm/ApplicationForm.js    | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/ApplicationForm/ApplicationForm.js b/frontend/src/components/ApplicationForm/ApplicationForm.js
index 72156b02f..8b06bec1d 100644
--- a/frontend/src/components/ApplicationForm/ApplicationForm.js
+++ b/frontend/src/components/ApplicationForm/ApplicationForm.js
@@ -96,11 +96,11 @@ class ApplicationForm extends Component {
       <form style={style} onSubmit={handleSubmit}>
         <Subtitle>Information</Subtitle>
 
-        <Field name="first_name" label="First name" placeholder="Zaphod" component={TextField} />
-        <Field name="last_name" label="Last name" placeholder="Beeblebrox" component={TextField} />
-        <Field name="email" type="email" label="Preferred email" placeholder="zaphod@beeblebrox.com" component={TextField} />
+        <Field name="first_name" label="First name" placeholder="Fiona" component={TextField} />
+        <Field name="last_name" label="Last name" placeholder="Hackworth" component={TextField} />
+        <Field name="email" type="email" label="Preferred email" placeholder="fiona@hackworth.com" component={TextField} />
         <Field name="phone_number" label="Phone number" placeholder="(555) 555 5555" component={TextField} />
-        <Field name="high_school" label="High school" placeholder="Visalia High School" component={TextField} />
+        <Field name="high_school" label="High school" placeholder="Atlantis High School" component={TextField} />
 
         <Field name="year" label="When do you graduate high school?" component={SelectField}>
           <option value="9010">Other</option>
@@ -115,8 +115,8 @@ class ApplicationForm extends Component {
           <option value="9008">Graduated</option>
         </Field>
 
-        <Field name="github" label="GitHub" placeholder="Zaphod" component={TextField} />
-        <Field name="twitter" label="Twitter" placeholder="Zaphod" component={TextField} />
+        <Field name="github" label="GitHub" placeholder="FionaHackworth" component={TextField} />
+        <Field name="twitter" label="Twitter" placeholder="fionahack" component={TextField} />
 
         <Field name="start_date" label="When do you want to start your club?" component={SelectField}>
           { this.next12Months().map(month => {

From 69d7e367156fe34c5d02b5e8b0add97cd0aac7ab Mon Sep 17 00:00:00 2001
From: Max Wofford <max@maxwofford.com>
Date: Sun, 9 Jul 2017 20:05:57 -0700
Subject: [PATCH 16/16] Sort frontend/routes containers

---
 frontend/src/routes.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/routes.js b/frontend/src/routes.js
index fcd20c349..8077967b6 100644
--- a/frontend/src/routes.js
+++ b/frontend/src/routes.js
@@ -2,14 +2,14 @@ import React from 'react'
 import { Route } from 'react-router'
 import {
   App,
+  ApplyPage,
   Cloud9Setup,
   HackbotNewTeam,
   LeaderIntake,
   NotFound,
   OneOffFormWrapper,
   RedeemTechDomain,
-  StartPage,
-  ApplyPage
+  StartPage
 } from './containers'
 
 import './styles'