Talk submission form

src/api/meetup.js

@@ -0,0 +1,20 @@
+import request from 'superagent'
+import React from 'react'
+
+class MeetupEvent extends React.Component {
+
+	componentDidMount(){
+		request
+			.get('')
+			.end((err, res) => {
+				this.setState({
+					events: res. //whatever it is
+				});
+			});
+ 	}
+ 	render(){
+
+ 	}
+};
+
+module.export(MeetupEvent, "MeetupEvent");

src/app/components/containers/app.js

@@ -10,6 +10,7 @@ export default function App(props) {
 			<ul className="rdc-menu">
 				<li><Link to="/about">About Us</Link></li>
 				<li><Link to="/resources">Resources</Link></li>
+				<li><Link to="/submit-a-talk">Submit A Talk</Link></li>
 				<li><Link to="/doesn't exist">This Should 404</Link></li>
 			</ul>
 			<Twitter />

src/app/components/containers/index.js

@@ -2,3 +2,4 @@ export { default as App } from "./app";
 export { default as About } from "./about";
 export { default as Resources } from "./resources";
 export { default as Http404 } from "./http-404";
+export { default as TalkSubmission } from "./talk-submission";

src/app/components/containers/talk-submission.js

@@ -0,0 +1,54 @@
+import {
+	TextField,
+	RadioButton,
+	RadioButtonGroup
+} from "material-ui";
+
+export default class TalkSubmission extends React.Component {
+	constructor(props) {
+		super(props)
+		this.state = {
+			firstName: "",
+			lastName: "",
+			email: "",
+			github: "",
+			twitter: "",
+			website: "",
+			talkType: "",
+			title: "",
+			description: "",
+			prerequisites: "",
+			requirements: ""
+		} 
+	}
+	render() {
+		const fields = [
+			{ key: "first name", value: this.state.firstName},
+			{ key: "last name", value: this.state.lastName},
+			{ key: "email", value: this.state.email},
+			{ key: "github", value: this.state.github},
+			{ key: "twitter", value: this.state.twitter},
+			{ key: "website", value: this.state.website},
+			{ key: "title", value: this.state.title},
+			{ key: "description", value: this.state.description, multiLine: true, rows: 15 },
+			{ key: "prerequisites", value: this.state.prerequisites, multiLine: true, rows: 5 },
+			{ key: "requirements", value: this.state.requirements, multiLine: true, rows: 5 }
+		];
+
+		const textFields = fields.map((field) => {
+			return (
+				<TextField
+					hintText={field.key}
+					value={field.value}
+				/>
+			)
+		});
+
+		return (
+			<div className="rdc-talk-submission-form">
+				<h2>Submit A Talk Proposal</h2>
+				{textFields}
+			</div>
+		);
+	}
+}

src/app/index.js

@@ -1,5 +1,5 @@
 import { Router, Route } from 'react-router';
-import { App, About, Resources, Http404 } from "./components/containers";
+import { App, About, Resources, Http404, TalkSubmission } from "./components/containers";
 
 import { compose, createStore, combineReducers, applyMiddleware } from "redux";
 import { Provider } from "react-redux";
@@ -29,6 +29,7 @@ const routes = (
 		<Route path="/" component={ App }>
 			<Route path="about" component={ About }/>
 			<Route path="resources" component={ Resources }/>
+			<Route path="submit-a-talk" component={ TalkSubmission }/>
 			<Route path="*" component={ Http404 }/>
 		</Route>
 	</Router>