Inspiration
What it does
Intelligently Parses Schedules: Converts raw text, CSV files, or even screenshots (OCR) into a clean weekly timetable. Watches for Deadlines: **Uses a smart notification system (React-Toastify) to alert students of Exams and Quizzes 1 or 2 days in advance. **Simplifies Onboarding: Features an interactive, premium tutorial to get users from "Confused" to "Confident" in under a minute. **Customizes the Experience: **Offers a sleek, glassy UI with full Light/Dark mode transitions and a dedicated Notification Center.
How we built it
**Frontend Core: **Developed with React 19, TypeScript, and Vite for blazing-fast performance. **Styling & UX: **Hand-crafted Vanilla CSS with glassmorphism effects, micro-animations, and a highly responsive layout. **AI Integration: **Leveraged Google Gemini Pro to handle complex schedule parsing and data extraction. **Parsing Suite: **Integrated Tesseract.js for OCR, PapaParse for data handling, and Mammoth for document extraction. **State Management: **Used React Hooks (useState, useEffect) to manage real-time schedule updates and persistent notification states.
Challenges we ran into
OCR Accuracy: Extracting structured data from low-resolution schedule images required fine-tuning our parsing logic and using AI to "fill in the blanks." Complex Timetables: Developing a flexible overlapping date logic for courses that meet on multiple, non-consecutive days. **Polished UX: **Balancing high-end glassmorphism with performance and clear accessibility in both light and dark modes.
Accomplishments that we're proud of
The Tutorial: An interactive, multi-step onboarding experience that rivals professional consumer apps. **The Design: **Achieving a premium, "wow-factor" aesthetic using only vanilla CSS. **The Logic: **A robust system that automatically detects and bubbles up critical academic events like Exams and Quizzes.
What we learned
Deep-dived into React 19's rendering patterns. Learned how to effectively integrate Large Language Models (Gemini) into a frontend workflow for data processing. Mastered advanced CSS techniques like backdrop-filter and adaptive theme-aware scrollbars.
What's next for S.R.A.T.H.S
**Calendar Synchronization: **One-click export to Google Calendar and Apple Calendar. **Cloud Sync: **Cross-device synchronization with a secure authentication backend. **Study Groups: **Social features to share schedules and create AI-powered study sessions with classmates.
Log in or sign up for Devpost to join the conversation.