Implement barebones Register page

Author: lonerz

src/App.js

@@ -2,6 +2,7 @@ import React from 'react';
 import CardEditor from './CardEditor';
 import CardViewer from './CardViewer';
 import Homepage from './Homepage';
+import PageRegister from './PageRegister';
 
 import { Switch, Route } from 'react-router-dom';
 
@@ -17,6 +18,9 @@ const App = () => {
       <Route exact path="/viewer/:deckId">
         <CardViewer />
       </Route>
+      <Route exact path="/register">
+        <PageRegister />
+      </Route>
       <Route>
         <div>Page not found!</div>
       </Route>

src/PageRegister.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { firebaseConnect } from 'react-redux-firebase';
+
+class PageRegister extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      email: '',
+      password: '',
+    };
+  }
+
+  handleChange = event =>
+    this.setState({ [event.target.name]: event.target.value, error: '' });
+
+  register = async () => {
+    const credentials = {
+      email: this.state.email,
+      password: this.state.password,
+    };
+
+    try {
+      await this.props.firebase.createUser(credentials);
+    } catch (error) {
+      this.setState({ error: error.message });
+    }
+  };
+
+  render() {
+    return (
+      <div>
+        <h2>Register</h2>
+        <div>
+          <div>{this.state.error}</div>
+          <input
+            name="email"
+            onChange={this.handleChange}
+            placeholder="Email"
+            value={this.state.email}
+          />
+          <br />
+          <input
+            name="password"
+            onChange={this.handleChange}
+            placeholder="Password"
+            type="password"
+            value={this.state.password}
+          />
+        </div>
+        <br />
+        <button onClick={this.register}>Register!</button>
+      </div>
+    );
+  }
+}
+
+export default firebaseConnect()(PageRegister);

src/index.js

@@ -7,6 +7,7 @@ import { BrowserRouter } from 'react-router-dom';
 import { Provider } from 'react-redux';
 import firebase from 'firebase/app';
 import 'firebase/database';
+import 'firebase/auth';
 import { createStore, combineReducers } from 'redux';
 import {
   ReactReduxFirebaseProvider,