teacherHUB is a singlepage dashboard app that is designed to be an all-in-one destination to help teachers in the areas of:
- Grade Management
- Classroom Management
- Student Dicipline Records
- Parent Communication
- Student Communication
- Administration Communication
teacherHUB was built using AngularJS, Materialize, and Firebase for data storage. I also used GoogleCharts to visualize student grade data.
To install teacherHUB on your machine:
- Clone down the teacherHUB repo by entering
git clone [email protected]:tgbowman/teacherHUB.git
into your terminal. - From your terminal do a
npm install
- Go to https://firebase.google.com/ and login or create an account.
- From the navbar click on GO TO CONSOLE
- Create a new project
- From project screen click the "Add Fireabse to Your Web App" button.
- You will be given a code snippet to add firebase to you app.
- Open the app in your code editor of choice, create a new file in the app folder called
app.config.js
9.Paste the following code in that file, inserting the data that firebase gave you from step 7 into the appropriate fields.
app.constant("FIREBASE_CONFIG", {
apiKey: "",
authDomain: "",
databaseURL: "",
storageBucket: "",
messagingSenderId: ""
})
app.run(function (FIREBASE_CONFIG) {
firebase.initializeApp(FIREBASE_CONFIG)
})
10.To run the app in the browser run http server from your terminal.
- To begin using the app you need to first register for an account.
- Once registered you will be taken to the teacher dashboard.
- To get started simply create a class and you are ready to go!
- You can add students to a class via the students tab, or by clicking the affordance to the right of the class name on the class Dashboard page.
- To add an assignment go to the assignments page and complete the assignment create form.
- To grade assignments click on the assignment from the class dashboard and add student grades. They are updated to the database automatically.