GithubHelp home page GithubHelp logo

group_project's Introduction

abamath logo

Abamath Check-In

About Abamath Check-In

This is a MEAN stack application designed to keep track of class rosters for Abamath programming classes and provide an interface for parents to check students in and out of class. Please navigate through the app using visible buttons and the hamburger menu in the upper-left.

For Parents

Through this app parents are given the option to use a PIN system when leaving class to ensure the right student is being taken home by the right adult. Parents also have the option to get text notifications when their student leaves class. Parents will verify their phone number as part of reviewing emergency contact information.

The Parent View is accessible by the eye icon on the Student page for a given class. The app is designed to be left on the Parent View for the duration of class.

Instructors can click the Abamath logo in the upper-right corner of the screen to leave the Parent View and return to that class' dashboard page.

Parents will walk through a series of short questions, though they may need your assistance in understanding some of the options.

Parent Question Screens:

Emergency Contact Info

Review contact info, edit information by clicking directly on the field.

Student Self-Checkout

Say Yes if the student will be leaving class on their own, or No if the parent will be returning to check the student out of class.

PIN System

Clicking Yes will open up a keypad to enter a PIN. PINs are four digits long, can only contain numbers, and do not have to be unique.

Text Notifications

Clicking Yes will send a text notification whenever the student is checked out, regardless of if a PIN is being used or not.

For Instructors

Instructors have the ability to add classes and edit all information relating to them. Students are not tracked between classes, so all classes must be populated with students' information from the school district before each class begins.

Instructor Dashboard

On the Instructor Dashboard, Instructors can edit or delete other Instructors. Only the Admin can add new Instructors.

Instructors' log-in and log-out times are tracked, and available on the Statistics page.

Class Dashboard

On the Class Dashboard, Instructors can view all data for all recorded classes. Add classes through the button in the top-middle, or edit/delete classes using the button on the right of each class row. Click the icon in the View Class column to see the Students page for each class.

Students Page

On the Students page, Instructors can view, edit, and delete individual students from the class. There are also options to mass check-in and -out students at the end of class. Use these tools when several students are leaving class on their own, or their parents have declined the option to use the app.

"Check-Out Student" will check out all students who are not using a PIN. "Force Check-Out All Students" will check out all students, including those using a PIN.

New students can be added with the button near the upper-left corner of the students table, and the eye icon in the same location will go to the Parent View for that class.

Statistics

On this page, view number of students by location, attendance, PIN users, and Instructor log-in/log-out records.

Credits

Team Abamath: Noah Rolf, Parker Walker, Peter Wildberger, and Ben Zeise

Group Photo And Instructors: Sam and Adalee

Technologies Used

  • Google OAuth
  • Passport
  • JavaScript
  • Mongo DB
  • Express
  • AngularJS
  • Node.js
  • Materialize
  • Chart.js
  • Xeditable
  • SweetAlerts

Special Thanks

Thanks to Luke Schlangen, Abamath instructors Sam and Adalee, Omega instructors Dev, Millie, Huck, Scott, Antoinette, and the entire Omega Cohort and the rest of Prime!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.