diff --git a/.gitignore b/.gitignore
index f2944a4..e5cef2d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,3 +27,7 @@ yarn-error.log*
 # firebase authenication
 homeschool-nonprod-firebase-*
 fire.html
+
+# intellij
+.idea*
+
diff --git a/pages/dashboard.js b/pages/dashboard.js
index d73bbbb..fc223c5 100644
--- a/pages/dashboard.js
+++ b/pages/dashboard.js
@@ -1,31 +1,87 @@
 // pages/dashboard.js
 import React from 'react';
-import Nav from '../components/nav';
 import withAuth from '../src/helpers/withAuth';
+import { db } from '../src/firebase';
+import Router from 'next/router';
+
+
 
 class Dashboard extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
       authUser: this.props.authUser,
-    }
+      newTeacherUserFlow: false,
+      loading: true,
+      studentDashboard: false,
+      teacherDashboard: false,
+    };
   }
 
   componentDidMount() {
     console.log("in component did mount");
-    console.log(this.state.authUser)
-    if(this.state.authUser !== null){
-      
+    console.log(this.state.authUser);
+    // get the doc with uid
+    // check if the uid is isNewUser than go to the
+    // new teacher interview flow
+    if(this.state.authUser !== null) {
+      let docRef = db.collection("users").doc(this.state.authUser.uid);
+      let currentComponent = this;
+      docRef.get().then((doc) => {
+        if(doc.exists) {
+          // check if the users uid isNewUser
+          console.log("Document data:", doc.data());
+          if(doc.data().isNewUser && doc.data().userType === "teacher") {
+            console.log("newTeacherUserFlow interview questions");
+            currentComponent.setState({
+              newTeacherUserFlow: true,
+            });
+          }
+        } else {
+          console.log("No such document!");
+        }
+      }).catch((error) => {
+        console.log("Error getting document:", error);
+      });
     }
   }
 
+  // shouldComponentUpdate() {
+  //   let docRef = db.collection("users").doc(this.state.authUser.uid);
+  //   docRef.get().then((doc) => {
+  //     if(doc.exists) {
+  //       // check if the users uid isNewUser
+  //       console.log("Document data:", doc.data());
+  //       if(doc.data().isNewUser && doc.data().userType === "teacher") {
+  //         console.log("newTeacherUserFlow interview questions");
+  //         this.setState({
+  //           newTeacherUserFlow: true,
+  //         });
+  //       }
+  //     } else {
+  //       console.log("No such document!");
+  //     }
+  //   }).catch(function(error) {
+  //     console.log("Error getting document:", error);
+  //   });
+  // }
+
+
   render() {
-    return (
-      <div>
-        <Nav />
-        <h1>Dashboard  Page</h1>
-        <p>You can't go into this page if you are not authenticated.</p>
-      </div>
+    const renderConditionalDashboard = () => {
+      console.log("be here now")
+      if(this.state.newTeacherUserFlow === true) {
+        console.log("i'm here man")
+        Router.push('/teacher_setup')
+      } else {
+        return null
+      }
+    }
+
+    return(
+        <div>
+          {renderConditionalDashboard()}
+        </div>
     )
   }
 }
diff --git a/pages/sign_up.js b/pages/sign_up.js
index c094b15..e9bc301 100644
--- a/pages/sign_up.js
+++ b/pages/sign_up.js
@@ -231,9 +231,20 @@ class SignUp extends React.Component {
     });
     auth.createUserWithEmailAndPassword(this.state.clientEmail, this.state.clientPassword)
     .then((firebaseUser) => {
-      let initialUserDoc = { email: this.state.email };
+      let initialUserDoc = {
+        email: this.state.email
+      };
       let initialUserDocStringify = JSON.stringify(initialUserDoc);
-      db.collection("teachers").doc(firebaseUser.user.uid).set({initialUserDocStringify}).then(() =>{
+      let userDataCollection = {
+        "uid": firebaseUser.user.uid,
+        "displayName": firebaseUser.user.displayName,
+        "photoURL": firebaseUser.user.photoURL,
+        "email": firebaseUser.user.email,
+        "emailVerified": firebaseUser.user.emailVerified,
+        "isNewUser": firebaseUser.additionalUserInfo.isNewUser,
+        "userType": "teacher"
+      }
+      db.collection("users").doc(firebaseUser.user.uid).set(userDataCollection).then(() =>{
         Router.push('/dashboard');
       }).catch((error) =>{
         console.log(error);
diff --git a/pages/teacher_setup.js b/pages/teacher_setup.js
new file mode 100644
index 0000000..933e0d4
--- /dev/null
+++ b/pages/teacher_setup.js
@@ -0,0 +1,429 @@
+import React from 'react';
+import withAuth from '../src/helpers/withAuth';
+import ErrorPage from 'next/error'
+import { db } from "../src/firebase";
+
+
+class TeacherInterview extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            questionState: 1,
+            // Profile pic
+            questionOne: "Would you like to add a profile pic?",
+            questionTwo: "Upload your profile pic",
+            // Full Name
+            questionThree: "Do you want to add your full name?",
+            questionFour: "What is your full name?",
+            // Add students
+            questionFive: "Do you want to add students right now? You can always not add students or add them later if needed ",
+            questionSix: "Enter student emails and passwords, Note: This will be a temp password for students until they login",
+            // School name
+            questionSeven: "Do you want to add a name for you homeschool?",
+            questionEight: "Enter your homeschool name",
+            authUser: this.props.authUser,
+            teacherType: false,
+            firstTimeRender: true,
+            teacherStudent: [{
+                email: "",
+                password: "",
+            }],
+            homeSchoolName: "",
+            teacherProfilePicFile: '',
+            teacherName: '',
+            teacherDataCollection: {
+                "uid": "",
+                "displayName": "",
+                "photoURL": "",
+                "email": "",
+                "emailVerified": "",
+                "isNewUser": "",
+                "userType": "teacher",
+                "teacherStudents": [],
+                "teacherName": "",
+                "homeschoolName": "",
+            },
+            validationTeacherName: {
+                message: null,
+            },
+            validationHomeSchoolName: {
+                message: null,
+            },
+            isLoadingSubmit: true,
+        }
+    }
+
+    componentDidMount() {
+        console.log("yoo dogg");
+        // here check if the user is actually an teacher again
+        // if not throw a 404
+        if (this.state.authUser !== null) {
+            let docRef = db.collection("users").doc(this.state.authUser.uid);
+            let currentComponent = this;
+            docRef.get().then((doc) => {
+                if (doc.exists) {
+                    // check if the users uid isNewUser
+                    console.log("Document data:", doc.data());
+                    if (doc.data().userType !== "teacher") {
+                        currentComponent.setState({
+                            teacherType: false,
+                            firstTimeRender: false,
+                        });
+                    } else {
+                        currentComponent.setState({
+                            firstTimeRender: false,
+                            teacherType: true,
+                        });
+                    }
+                } else {
+                    console.log("No such document!");
+                }
+            }).catch((error) => {
+                console.log("Error getting document:", error);
+            });
+        }
+    }
+
+    renderQuestion() {
+        if (this.state.firstTimeRender === true) {
+            return <p>Loading...</p>
+        }
+        if (this.state.teacherType === false && this.state.firstTimeRender === false) {
+            return <ErrorPage statusCode={403}/>
+        } else {
+            switch (this.state.questionState) {
+                case 1:
+                    return (
+                        <div>
+                            <form>
+                                <p>{this.state.questionOne}</p>
+                                <button
+                                    content='No'
+                                    onClick={() => this.handleNoClick(event)}>
+                                    No
+                                </button>
+                                <button
+                                    content='Yes'
+                                    onClick={() => this.handleYesClick(event)}>
+                                    Yes
+                                </button>
+                            </form>
+                        </div>
+                    )
+                case 2:
+                    return (
+                        <div>
+                            <form>
+                                <p>{this.state.questionTwo}</p>
+                                <input type="file" name="myImage" onChange={() => this.handleImageUpload}/>
+                                <button
+                                    content='Back'
+                                    onClick={() => this.handleBackClick(event)}>
+                                    Back
+                                </button>
+                                <button
+                                    content='Next'
+                                    onClick={() => this.handleYesClick(event)}>
+                                    Next
+                                </button>
+                            </form>
+                        </div>
+
+                    )
+                case 3:
+                    return (
+                        <div>
+                            <p>{this.state.questionThree}</p>
+                            <button
+                                content='No'
+                                onClick={() => this.handleNoClick(event)}>
+                                No
+                            </button>
+                            <button
+                                content='Yes'
+                                onClick={() => this.handleYesClick(event)}>
+                                Yes
+                            </button>
+                        </div>
+                    )
+                case 4:
+                    return (
+                        <div>
+                            <form>
+                                <p>{this.state.questionFour}</p>
+                                Full Name:<br/>
+                                <input
+                                    type="text"
+                                    name="name"
+                                    label='name'
+                                    placeholder="Full Name"
+                                    value={this.state.teacherName}
+                                    onChange={(event) => this.handleTeacherName(event)}
+                                    onBlur={() => this.onBlurHandleTeacherName()}
+                                />
+                            </form>
+                            <button
+                                content='Back'
+                                onClick={() => this.handleBackClick}>
+                                Back
+                            </button>
+                            <button
+                                content='Next'
+                                onClick={() => this.handleYesClick}>
+                                Next
+                            </button>
+                        </div>
+                    )
+                case 5:
+                    return (
+                        <div>
+                            <p>{this.state.questionFive}</p>
+                            <button
+                                content='No'
+                                onClick={() => this.handleNoClick(event)}>
+                                No
+                            </button>
+                            <button
+                                content='Yes'
+                                onClick={() => this.handleYesClick(event)}>
+                                Yes
+                            </button>
+                        </div>
+                    )
+                case 6:
+                    return (
+                        <div>
+                            <form onChange={this.handleStudentChange}>
+                                <p>{this.state.questionSix}</p>
+                                Add Students:<br/>
+                                {
+                                    this.state.teacherStudent.map((val, idx) => {
+                                        let studentId = `student-${idx}`, passwordId = `password-${idx}`
+                                        return (
+                                            <div key={idx}>
+                                                <label htmlFor={studentId}>{`Student #${idx + 1}`}</label>
+                                                <input
+                                                    type="email"
+                                                    name={studentId}
+                                                    label="email"
+                                                    id={studentId}
+                                                    data-id={idx}
+                                                    value={this.state.teacherStudent[idx].email}
+                                                    className="email"
+                                                />
+                                                <label htmlFor={passwordId}>Password</label>
+                                                <input
+                                                    type="password"
+                                                    name={passwordId}
+                                                    label="password"
+                                                    id={passwordId}
+                                                    data-id={idx}
+                                                    value={this.state.teacherStudent[idx].password}
+                                                    className="password"
+                                                    onChange={this.state.handleStudentChange}
+                                                />
+                                            </div>
+                                        )
+                                    })
+                                }
+
+                                <button
+                                    content='Add More students'
+                                    onClick={this.handleAddMoreStudents}>
+                                    Click Here to add more students
+                                </button>
+                                <button
+                                    content='Back'
+                                    onClick={() => this.handleBackClick}>
+                                    Back
+                                </button>
+                                <button
+                                    content='Next'
+                                    onClick={() => this.handleYesClick}>
+                                    Next
+                                </button>
+                            </form>
+                        </div>
+                    )
+                case 7:
+                    return (
+                        <div>
+                            <p>{this.state.questionSeven}</p>
+                            <button
+                                content='No'
+                                onClick={() => this.handleNoClick(event)}>
+                                No
+                            </button>
+                            <button
+                                content='Yes'
+                                onClick={() => this.handleYesClick(event)}>
+                                Yes
+                            </button>
+                        </div>
+                    )
+                case 8:
+                    return (
+                        <div>
+                            <form>
+                                <p>{this.state.questionEight}</p>
+                                Full Name:<br/>
+                                <input
+                                    type="text"
+                                    name="name"
+                                    label='name'
+                                    placeholder="Homeschool Name"
+                                    value={this.state.homeSchoolName}
+                                    onChange={(event) => this.handleHomeSchoolName(event)}
+                                    onBlur={() => this.onBlurHandleHomeSchoolName()}
+                                />
+                            </form>
+                            <button
+                                content='Back'
+                                onClick={() => this.handleBackClick}>
+                                Back
+                            </button>
+                            <button
+                                content='Next'
+                                onClick={() => this.handleYesClick}>
+                                Next
+                            </button>
+                        </div>
+                    )
+            }
+        }
+    }
+
+    handleFirstTimeSetup(){
+
+    }
+
+    handleSubmit = () => {
+        if(this.state.isLoadingSubmit){
+            this.handleFirstTimeSetup();
+            return(
+                <div>Loading first time submission....</div>
+            )
+        } else {
+
+        }
+    }
+
+    handleStudentChange = (e) => {
+        if (["email", "password"].includes(e.target.className)) {
+            let teacherStudent = [...this.state.teacherStudent]
+            teacherStudent[e.target.dataset.id][e.target.className] = e.target.value;
+            this.setState({teacherStudent}, () => console.log(this.state.teacherStudent))
+        } else {
+            this.setState({[e.target.email]: e.target.value})
+        }
+    }
+
+    handleAddMoreStudents = (e) => {
+        e.preventDefault();
+        this.setState((prevState) => ({
+            teacherStudent: [...prevState.teacherStudent, {email: "", password: ""}]
+        }))
+    }
+
+    handleTeacherName = (e) => {
+        e.preventDefault();
+        const target = e.target;
+        const value = target.value;
+        this.setState({
+            handleTeacherName: value,
+        });
+        console.log(this.state.handleTeacherName);
+    }
+
+    handleHomeSchoolName = (e) => {
+        e.preventDefault();
+        const target = e.target;
+        const value = target.value;
+        this.setState({
+            homeSchoolName: value,
+        });
+        console.log(this.state.homeSchoolName);
+    }
+
+    onBlurHandleHomeSchoolName = () => {
+        if (!this.state.homeSchoolName) {
+            this.setState({
+                validationHomeSchoolName: {
+                    message: 'Name invalid',
+                },
+            });
+        } else {
+            this.setState({
+                validationHomeSchoolName: {
+                    message: null,
+                },
+            });
+        }
+    }
+
+    onBlurHandleTeacherName = () => {
+        if (!this.state.handleTeacherName) {
+            this.setState({
+                validationTeacherName: {
+                    message: 'Name invalid',
+                },
+            });
+        } else {
+            this.setState({
+                validationTeacherName: {
+                    message: null,
+                },
+            });
+        }
+    }
+
+    handleImageUpload = (e) => {
+        this.setState({
+            teacherProfilePicFile: e.target.files[0]
+        });
+    }
+
+    handleYesClick(event) {
+        event.preventDefault();
+        if(this.state.questionState == 8){
+            this.handleSubmit();
+        } else {
+            let newQuestionState = this.state.questionState + 1;
+            this.setState({
+                questionState: newQuestionState,
+            });
+        }
+    }
+
+    handleNoClick = (event) => {
+        event.preventDefault();
+        if(this.state.questionState == 7) {
+            this.handleSubmit();
+        } else {
+            let newQuestionState = this.state.questionState + 2;
+            this.setState({
+                questionState: newQuestionState,
+            });
+        }
+    }
+
+    handleBackClick = (event) => {
+        event.preventDefault();
+        let newQuestionState = this.state.questionState - 1;
+        this.setState({
+            questionState: newQuestionState,
+        });
+    }
+
+    render() {
+        return (
+            <React.Fragment>
+                <div>
+                    {this.renderQuestion()}
+                </div>
+            </React.Fragment>
+        );
+    }
+}
+
+export default withAuth(TeacherInterview);
diff --git a/src/helpers/withAuth.js b/src/helpers/withAuth.js
index 41c65bf..c28fa36 100644
--- a/src/helpers/withAuth.js
+++ b/src/helpers/withAuth.js
@@ -37,6 +37,8 @@ const withAuth = (Component) => {
         return <h1>Loading ......</h1>;
       } else if (status == 'SIGNED_IN') {
         return <Component { ...this.props } authUser={authUser}/>
+      }  else {
+        return <h1>In this state now...</h1>
       }
     }