Inspiration
What it does
How we built it
Challenges we ran into
Accomplishments that we're proud of
What we learned
What's next for Students Sarthi
Navigating university portals (like AKTU) and filling out endless repetitive forms for attendance, exams, and documentation is a tedious hurdle for every student. We wanted to create a "Sarthi" (a guide) that doesn't just show you the way, but handles the heavy lifting of data entry and navigation, allowing students to focus on learning rather than paperwork.
-What it does Students Sarthi is a dual-purpose automation tool (Chrome Extension & Bookmarklet) designed to pierce through complex web architectures. It automatically detects form fields—even those hidden behind modern "Shadow DOM" walls—and injects necessary data accurately. Whether it's filling out exam forms or streamlining academic requests, it ensures the website's internal "state" (React/Vue) recognizes the data so that submission never fails.
-How we built it We developed a hybrid architecture: The Content Engine: A robust JavaScript injector that uses recursive searching to find elements inside Shadow Roots.
The Chrome Extension: Built with Manifest V3, utilizing world: MAIN execution to stay in sync with the website’s own scripts.
The Bookmarklet: A lightweight, portable version of the tool for quick execution without installation.
Event Simulation: We implemented native property setters and custom event dispatchers (input, change, blur) to trick modern frameworks into accepting automated data.
-Challenges we ran into The biggest hurdle was the "Invisible Walls." Many modern forms use a Virtual DOM or Shadow DOM, meaning the fields were visible to the eye but "invisible" to standard scripts. We initially struggled with fields that appeared filled but would "wipe clean" upon clicking submit. Overcoming the Content Security Policy (CSP) and ensuring the extension worked across different iframes required deep diving into Chrome's security protocols.
-Accomplishments that we're proud of Piercing the Shadow: Successfully developing a recursive selector that finds inputs standard automation tools miss. State-Sync Technology: Ensuring that our "Fill" works on modern frameworks like React and Vue, where simple .value assignments usually fail. Zero-Friction UI: Creating a tool that feels like a natural extension of the student's browser.
-What we learned We learned that the modern web is much more than just HTML. Understanding the lifecycle of a React component and how browsers handle security through "Isolated Worlds" was a steep but rewarding learning curve. We also gained a deep appreciation for the "Sarthi" philosophy—that technology should serve as a guide to simplify complex human tasks.
-What's next for Students Sarthi We plan to integrate AI-driven field mapping, allowing the tool to intelligently guess what data goes where, even on forms it has never seen before. We also aim to expand its capabilities to include automatic PDF generation for academic applications and a "one-click" result scraper for university portals to help students track their progress effortlessly.
Log in or sign up for Devpost to join the conversation.