Inspiration

  • Teachers often juggle multiple tasks: attendance, grading, class engagement, and seating arrangements.
  • Needed a simple, all-in-one platform to streamline classroom management and maximize student participation.
  • Wanted a tool that could help encourage equity by providing opportunities and support for both high and low performers.

What it does

  • Manages multiple classes and students.
  • Tracks attendance with easy daily check-ins.
  • Lets teachers input and store test results for each student.
  • Features a random and weighted student picker, favoring students who may need more attention based on recent test scores.
  • Generates customizable seating charts with options for pairing high and low performers at tables to promote peer learning.
  • Stores all data locally in the browser for privacy and convenience.

How we built it

  • Used HTML, CSS, and JavaScript for a responsive, browser-based single-page application.
  • Leveraged localStorage for client-side data persistence.
  • Developed a modular UI with tabbed navigation for core features (class, attendance, tests, picker, seating chart).
  • Implemented logic for weighted random selection and high-low student pairing.
  • Designed the seating chart and picker to be highly customizable and user-friendly.

Challenges we ran into

  • Designing an intuitive UI that remains clean despite many features.
  • Ensuring data integrity when students or tests are added/removed.
  • Implementing fair, effective weighted picking and seating algorithms that adapt to different class sizes.
  • Managing performance and usability for larger classes.

Accomplishments that we're proud of

  • Seamlessly combined attendance, grading, student picking, and seating charts in one tool.
  • Created a weighted picker that helps ensure all students receive attention.
  • Developed a flexible seating chart generator with smart pairing logic.
  • Built a tool that works entirely offline and requires no sign-in or external server.

What we learned

  • The importance of good UX in educational tools.
  • Effective ways to use localStorage for real-world classroom data.
  • How data-driven decisions (like pairing students or picking participants) can support equitable learning environments.
  • Balancing power and simplicity in a teacher-facing application.

What's next for Teacher Toolkit

  • Export/import options for data to allow backup and sharing between devices.
  • Analytics dashboard for tracking participation and improvement over time.
  • Integration with online gradebooks or classroom management platforms.
  • Advanced seating arrangements (e.g., avoid repeat pairings, account for student preferences).
  • Mobile optimization and progressive web app (PWA) features.

Built With

Share this project:

Updates