Feature/#154707873 - Mary tags a project with a tech stack (#165)

* feature(server): add technologies to Project model

* chore(data): add technologies to project seed data

* feature(client): reuse handleCheckbox for both lists

* feature(client): send project techs in createProject api request

* chore(client): send techs to projectsApiClient

Author: timdavish

.setup/db/seedData/projects.json

@@ -6,6 +6,7 @@
 		"role": "Mary Org Role 1",
 		"email": "[email protected]",
 		"causes": ["Animal"],
+		"technologies": ["JavaScript"],
 		"applications": [],
 		"createdAt": { "$date": "2018-01-29T21:03:46.266Z" },
 		"updatedAt": { "$date": "2018-01-29T21:03:46.266Z" },
@@ -18,6 +19,7 @@
 		"role": "Mary Org Role 2",
 		"email": "[email protected]",
 		"causes": ["Environment", "Animal", "International NGO", "Health"],
+		"technologies": ["Ruby"],
 		"applications": [
 			{ "$oid": "5a1658a0327c0286c39a1aaa" }
 		],
@@ -32,6 +34,7 @@
 		"role": "Role1",
 		"email": "[email protected]",
 		"causes": ["International NGO"],
+		"technologies": ["Java"],
 		"applications": [],
 		"createdAt": { "$date": "2018-01-29T21:03:46.266Z" },
 		"updatedAt": { "$date": "2018-01-29T21:03:46.266Z" },
@@ -44,6 +47,7 @@
 		"role": "Role2",
 		"email": "[email protected]",
 		"causes": ["Health"],
+		"technologies": ["Python"],
 		"applications": [
 			{ "$oid": "5a1658a0327c0286c39a1aab" }
 		],
@@ -58,6 +62,7 @@
 		"role": "Role3",
 		"email": "[email protected]",
 		"causes": ["Education"],
+		"technologies": ["PHP"],
 		"applications": [],
 		"createdAt": { "$date": "2018-01-29T21:03:46.266Z" },
 		"updatedAt": { "$date": "2018-01-29T21:03:46.266Z" },
@@ -70,6 +75,7 @@
 		"role": "Role4",
 		"email": "[email protected]",
 		"causes": ["Arts & Culture"],
+		"technologies": ["C++"],
 		"applications": [],
 		"createdAt": { "$date": "2018-01-29T21:03:46.266Z" },
 		"updatedAt": { "$date": "2018-01-29T21:03:46.266Z" },
@@ -82,6 +88,7 @@
 		"role": "Role5",
 		"email": "[email protected]",
 		"causes": ["Other"],
+		"technologies": ["Other"],
 		"applications": [],
 		"createdAt": { "$date": "2018-01-29T21:03:46.266Z" },
 		"updatedAt": { "$date": "2018-01-29T21:03:46.266Z" },
@@ -94,6 +101,7 @@
 		"role": "Role6",
 		"email": "[email protected]",
 		"causes": [],
+		"technologies": [],
 		"applications": [],
 		"createdAt": { "$date": "2018-01-29T21:03:46.266Z" },
 		"updatedAt": { "$date": "2018-01-29T21:03:46.266Z" },

client/api/projects.js

@@ -15,13 +15,13 @@ const projectsApiClient = {
     return apiRequest.get('/projects', apiOptions, query)
   },
 
-  async createProject (name, causes, organization) {
+  async createProject (name, causes, technologies, organization) {
     const options = {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json'
       },
-      body: JSON.stringify({ name, causes, organization })
+      body: JSON.stringify({ name, causes, technologies, organization })
     }
     return fetch('/api/projects/', options)
   }

client/components/CreateProjectForm/CreateProjectForm.js

@@ -24,7 +24,8 @@ class CreateProjectForm extends Component {
     this.state = {
       error: '',
       projectName: '',
-      causes: []
+      causes: [],
+      technologies: []
     }
   }
 
@@ -38,19 +39,26 @@ class CreateProjectForm extends Component {
   }
 
   async createProject () {
-    const response = await projectsApiClient.createProject(this.state.projectName, this.state.causes, this.props.user.organization)
+    const response = await projectsApiClient.createProject(
+      this.state.projectName,
+      this.state.causes,
+      this.state.technologies,
+      this.props.user.organization
+    )
     if (response.status === 500) {
       this.setState({error: response.statusText})
     }
   }
 
   handleCheckbox (event, checked) {
-    const { causes } = this.state
-    const cause = event.target.value
+    const value = event.target.value
+    const listName = causes.includes(value) ? 'causes' : 'technologies'
+    const list = this.state[listName]
+
     this.setState({
-      causes: checked
-        ? [...causes, cause]
-        : causes.filter(c => c !== cause)
+      [listName]: checked
+        ? [...list, value]
+        : list.filter(i => i !== value)
     })
   }
 

server/database/models/Project.js

@@ -12,6 +12,10 @@ const ProjectSchema = mongoose.Schema({
     type: String,
     enum: ['Animal', 'Environment', 'International NGO', 'Health', 'Education', 'Arts & Culture', 'Other']
   }],
+  technologies: [{
+    type: String,
+    enum: ['JavaScript', 'Ruby', 'Java', 'Python', 'PHP', 'C++', 'Other']
+  }],
   applications: [{
     type: mongoose.Schema.Types.ObjectId,
     ref: 'Application'
@@ -26,6 +30,7 @@ ProjectSchema.methods.toJSON = function () {
     role: this.role,
     email: this.email,
     causes: this.causes,
+    technologies: this.technologies,
     applications: this.applications,
     createdAt: this.createdAt,
     updatedAt: this.updatedAt