StudentOS

Inspiration StudentOS was born from the exact pain point most learners feel right before exams: a pile of syllabi, emails, and assignment briefs that all look like academic chaos. We wanted a tool that turns that stress into a clear survival plan instead of another tab full of anxiety.

What it does StudentOS helps students transform academic chaos into actionable guidance by:

letting you paste class text or upload a file extracting the important deadlines, exam structure, and study priorities generating a “survival plan” rather than just raw notes keeping a chat-style history so the app feels like a guided study assistant offering a mood toggle for normal vs “I’m cooked” emergency mode How we built it The app is built as a modern React + Vite front end with:

React for interactive UI and state management Tailwind CSS for responsive, polished styling Framer Motion for smooth transitions and animated UI states Google GenAI integration for text analysis and response generation reusable components like UploadZone, SurvivalPlanRenderer, and SurvivalToolbox a lightweight backend-style helper in ApiUtils.js to call the model and handle input history

Challenges we ran into making sure the app handled both pasted text and uploaded files cleanly designing prompts that produce useful study advice instead of generic responses keeping the UI responsive while waiting for model responses managing chat history, error states, and clearing the workspace without losing context balancing a fun “student survival” aesthetic with clear usability

Accomplishments that we're proud of a polished UI that feels modern and student-friendly a workflow that can take syllabus chaos and turn it into structured guidance support for both text input and file upload in a single interface a clear toggle between normal study mode and “emergency” mode building a full working prototype using current React, Vite, and GenAI tools

What we learned how much prompt design matters for AI-assisted study tools the importance of good state handling in a chat-style app how to make file uploads and text inputs feel unified that a small, focused MVP can still feel powerful if it solves a real student pain point the value of animation and feedback when the user is waiting for AI output

What’s next for StudentOS add richer note extraction and flashcards generation support calendar/export integration for deadlines and exam plans improve file parsing for PDFs and slides add collaborative study planning or shared class boards refine the model prompts so advice becomes even more personalized and actionable

Built With

• apis
• cloud
• css
• eslint
• framer
• genai
• javascript
• jsx
• lucide
• markdown
• motion
• react
• services
• tailwind
• vite