Skip to content

ClassClock is a free, easy-to-use web app for K-12 schools that provides an at-a-glance view of the school schedule

License

Notifications You must be signed in to change notification settings

MoralCode/ClassClock

Repository files navigation

ClassClock Icon

ClassClock

Join the chat at https://gitter.im/MoralCode/ClassClock

What is ClassClock?

ClassClock is a web app to give students and teachers easy access to:

  • current date and time
  • daily schedules (You are on the Mon/Tues Schedule)
  • the class period you are currently in (i.e. 2nd Period)
  • a countdown until class is over
  • the generic name of your next class (i.e. 3rd Period)

ClassClock is useful for:

  • Teachers - to check how much teaching time is left in class
  • Students - to remind themselves of where they need to be and when
  • Parents - to see the optimal time to contact their student without interfering with instruction time
  • Everyone - to have quick and easy access to varied schedules that may otherwise be complicated, confusing or hard to remember

Upcoming Features

Here are some features to look forward to in a future version:

  • Support for multiple schools (currently only supports one)
  • Detection of block (A/B) schedules
  • Countdown to school breaks (winter break, spriing break, summer .etc)
  • Support for custom schedules (assemblies, parades, combined schedules etc.)
  • The ability to change what is displayed
  • The ability for students to upload their schedules to get more detailed information such as teacher name and room number

How to install?

ClassClock is a web-based app that can be saved to your phone's home screen or bookmarked in your browser for easy access.

iOS

  1. Navigate to ClassClock in Safari (not tested on other browsers)
  2. Click the "Share" or "Action" button (it looks like a square with an arrow pointing up out of the top)
  3. Click "Add to Home Screen" on the bottom row (you might have to scroll sideways to see it)
  4. Click "Done" in the top corner of the screen to add it to your home screen.

Android

  1. Navigate to ClassClock (instructions for Google Chrome)
  2. Click the "Overflow" button on the top right of your screen (it looks like three vertical dots)
  3. Click "Add to Home Screen" button in the menu (it's about 2/3 of the way down)
  4. Click "Add" in the dialog box that pops up to add it to your home screen.

Developer setup

Environment Variables

REACT_APP_AUTH0_DOMAIN - the domain for the auth0 tenant to use (provided in application details)

REACT_APP_AUTH0_CLIENT_ID - the client ID for the auth0 application to connect to

REACT_APP_AUTH0_AUDIENCE - the auth0 audience (probably your API URL) to use

REACT_APP_SENTRY_DSN - if you want to use sentry for monititoring errors, provide your DSN value from the sentry app so ClassClock knows where to send error information