This web application is designed to help special education teachers manage Individualized Education Plans (IEPs), student goals, progress tracking, and class organization on one secure platform.
Special education teachers often juggle multiple students with unique needs and IEP requirements. Managing goals, progress, and documentation can be time-consuming and scattered across different tools or placed in a disorganized, large spreadsheet. This project aims to streamline that process by providing an all-in-one, accessible, and well-designed platform.
Developed as a capstone project, it incorporates several technologies and includes support for accessibility features like speech-to-text and handwriting-to-text.
- Secure Teacher Accounts – User authentication with unique login credentials. Passwords are hashed for extra security.
- Class Period Management – Organize students by class period
- Student Profiles – Add and view individual student information, including goals and IEP progress
- Goal Tracking – Set and update IEP goals for every student
- Progress Logging – Teachers can log student progress, including date and details to create detailed IEP progress reports
- PDF Report Generation – Summarized student reports downloadable as PDFs
- OCR Integration – Convert notes/documents into digital text using OCR
- Speech-to-Text – Teachers who are on the go can quickly record student progress using this feature
- React - UI framework
- CSS/JS - Styling
- Axios - API requests
- Tesseract.js - OCR for text recognition
- jspdf - for pdf generation
- AntD - library for UI/styling
- Node.js + Express - REST API
- SQL - database for storing user info
Teachers– Teachers with secure login infoclass_periods– Class sections linked to teachersstudents– All students linked to class periods and teachersgoals– Individual goals per studentprogress_reports– Daily/weekly progress notes for goals
How It Works
- Teachers log in securely and access a dashboard of all their classes.
- They can create class periods. These will appear on the dashboard. Clicking a class allows the teacher to view all students in that class and add students.
- For each student, teachers can add IEP goals. Clicking on a student within the class page will allow the teacher to see student details and add goals/progress
- Progress (including date and progress details) can be logged over time.
- Reports can be auto-generated, summarized, and downloaded as PDFs for every student.
- Teachers can also choose to manually input progress details, use speech-to-text to dictate the progress details, or upload an image of notes
In the future, I'd like to add in a collaboration feature so that multiple teachers can update information for the same student. I'd also like to implement push notifications for upcoming progress updates and deadlines. Additionally, I'd improve the OCR accuracy and add in an AI component to summarize student information.
These are the tutorials/sources I used for the new technologies in this project:
- Login/Account Creation: https://www.youtube.com/watch?v=CBWtETJ0LUY
- Web Speech: https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API
- OCR: https://www.smashingmagazine.com/2021/06/image-text-conversion-react-tesseract-js-ocr/
- PDF creation: https://medium.com/@aalam-info-solutions-llp/creating-dynamic-pdfs-with-jspdf-and-customizing-autotables-in-react-a846a6f3fdca
Medha Iyer 2025