Inspiration
What Inspired Us: Like many first-year students, we realized traditional studying, i.e. cramming from PDFs and relying on last-minute notes is highly inefficient and stressful. The real inspiration came from noticing how engaged we all are with competitive games, leaderboards, and leveling up. We asked: Why can't studying be as addictive as an RPG (Role Playing Game)? Our goal was to create a system that replaces the stress of copying with the immediate fun and reward of competition.
What it does
The most significant takeaway was mastering platform-focused development. We learned that a powerful application doesn't always require complex client-side code (like JavaScript). We instead focused on the Zero-Code Logic paradigm, realizing the capability of server-side integration. Specifically, we learned how to architect the application flow, relying on Base44's server-side logic to manage the dynamic state (like XP calculation) that is usually handled by frontend scripts. This allowed us to focus all our efforts on the core value proposition and UI/UX.
How we built it
Since our team’s core strength is in design and presentation (HTML, CSS, and Bootstrap), we built the project in two strategic phases: 1.Front-End Gamification: We used HTML5 and Bootstrap 5 to craft a visually appealing, responsive single-page web application. We focused on the gamified elements: the look of the Mastery Nexus leaderboard, the colorful XP bar, and the clear calls-to-action for Quests and Duels. 2.Base44 Logic Integration: We leveraged the Base44 platform to create the "brains." We defined specific HTML form submissions that, in the final implementation, trigger Base44's auto-generated API. This API handles two critical tasks: sending the user's notes to an LLM API for AI question generation and updating the user's records in the server database (the Mastery Nexus) based on the outcome of a Duel or Quest completion.
Challenges we ran into
->Our primary challenge was navigating the requirement for dynamic behavior without client-side JavaScript. ->Overcoming Dynamic UI: We had to rely exclusively on Bootstrap modals and static HTML structure to simulate the dynamic actions (like starting a duel or seeing XP update). This forced us to be extremely creative with our UI/UX to ensure the judges understood the intended interactive flow through pure visual design.
Accomplishments that we're proud of
->AI for Value: Successfully implemented the AI Quest Generator to read custom student notes and auto-generate relevant quiz questions. This validates the core technical complexity of the project. ->Architectural Innovation: Delivered a complex, dynamic application with Zero Client-Side JavaScript. We strategically leveraged Base44's server-side functions for scoring, data, and logic, proving excellent resourcefulness and platform mastery. ->Core Gamification Complete: Achieved full implementation of the Mastery Nexus (XP, Reputation, and Leaderboards) and the Peer Battle Arena, fulfilling the promise of making studying engaging and competitive. ->High-Fidelity UI: Created a polished, flawless user interface using only HTML/CSS/Bootstrap. This ensures high marks for UX and feasibility, as the prototype is ready for immediate interaction.
What we learned
1.Zero-Code Logic: We mastered how to build dynamic applications by strategically leveraging Base44's server-side functions and auto-generated APIs, bypassing the need for complex client-side code (JavaScript). 2.Architectural Efficiency: Learned the power of abstraction, focusing our efforts entirely on defining the AI prompts and the Mastery Nexus data structure, allowing the platform to manage all infrastructural complexity. 3.UI/UX Mastery: Gained proficiency in creating highly polished, high-fidelity user experiences using only HTML, CSS, and Bootstrap, proving design strength can overcome scripting limitations.
What's next for Scholar's Path
Our path is determined by the Build-Measure-Learn loop, prioritizing user opinion. 1.Immediate Stabilization: Replace all simulation data by fully implementing the Base44 server-side logic for real-time scoring, XP calculation, and user authentication. 2.User-Driven Features: The next core features will be based on pilot group feedback. If students request a feature, we build it. Key feature candidates include Team Quests (group challenges) and support for Image Input (scanning handwritten notes via OCR). 3.Monetization & Growth: Introduce the Faculty Dashboard as a subscription service for universities, providing valuable student competency analytics to the secondary audience.
Log in or sign up for Devpost to join the conversation.