feat: add routing

src/components/screens/Day/Day.js

@@ -0,0 +1,5 @@
+import React from "react";
+
+const Day = () => <div>Day</div>;
+
+export default Day;

src/components/screens/Day/index.js

@@ -0,0 +1,2 @@
+import Day from "./Day";
+export default Day;

src/components/screens/Month/Month.js

@@ -0,0 +1,5 @@
+import React from "react";
+
+const Month = () => <div>Month</div>;
+
+export default Month;

src/components/screens/Month/index.js

@@ -0,0 +1,2 @@
+import Month from "./Month";
+export default Month;

src/components/screens/User/User.js

@@ -0,0 +1,43 @@
+import React from "react";
+import fire from "../../../fire.js";
+
+class User extends React.Component {
+  state = {
+    name: ""
+  };
+
+  updateInput = e => {
+    this.setState({
+      [e.target.name]: e.target.value
+    });
+  };
+
+  addUser = e => {
+    e.preventDefault();
+    const db = fire.firestore();
+    db.settings({
+      timestampsInSnapshots: true
+    });
+    const userRef = db.collection("users").add({
+      name: this.state.name
+    });
+    this.setState({ name: "" });
+  };
+
+  render() {
+    return (
+      <form onSubmit={this.addUser}>
+        <input
+          type="text"
+          name="name"
+          placeholder="Name"
+          onChange={this.updateInput}
+          value={this.state.name}
+        />
+        <button type="submit">Submit</button>
+      </form>
+    );
+  }
+}
+
+export default User;

src/components/screens/User/index.js

@@ -0,0 +1,2 @@
+import User from "./User";
+export default User;

src/components/screens/Year/Year.js

@@ -0,0 +1,5 @@
+import React from "react";
+
+const Year = () => <div>Year</div>;
+
+export default Year;

src/components/screens/Year/index.js

@@ -0,0 +1,2 @@
+import Year from "./Year";
+export default Year;