StudyRacer

💡 Inspiration

The idea for StudyRacer was born from the need to address a common issue faced by students— little engagement and time management. We noticed that many students struggle to keep up with their studies and meet deadlines, often resulting in stress and poor academic performance. Gamifying the process of tracking academic progress and turning homework into a fun, competitive experience provides motivation and makes study sessions more engaging. Our inspiration came from fitness apps that use competition and progress tracking to boost user engagement, and we wanted to apply that concept to education.

🎯 What it does

StudyRacer is an app designed to help students engage with peers and manage their time effectively by tracking their academic progress. It allows students to:

Set goals and track their homework completion.
Get personalized study suggestions powered by AI.
Enjoy the process of submitting an assignment
Compete with peers through leaderboards.
Receive task recommendations based on their performance and schedule.
Visualize their progress and milestones to stay motivated.

🔨 How we built it

We built StudyRacer using modern web technologies and tools to ensure scalability and a seamless user experience. The front-end is developed with Next.js, offering a fast, responsive interface for students to interact with. For the back-end, we chose SQLite as the database to keep things lightweight and easy to manage. APIs for user progress tracking and task recommendations are also powered by Next.js, ensuring quick and efficient communication between the front-end and back-end.

The OpenAI LLM integration is at the core of the AI-driven features, for checking if the submission are at par with the milestone. Figma was used for designing the user interface and creating a smooth user experience.

⚔️ Challenges we ran into

One of the major challenges we encountered was integrating AI features into the app in a way that felt intuitive and non-intrusive. Additionally, ensuring that the leaderboard and competition aspects remain fair and engaging for all types of students, regardless of their study habits or workloads, was another challenge. Managing the synchronization between the front-end and back-end systems, especially when tracking progress in real-time, also required careful design and optimization.

🏅 Accomplishments that we're proud of

We’re particularly proud of how we successfully integrated AI features using OpenAI’s LLM. Another accomplishment is the seamless user experience—despite having multiple functionalities (like progress tracking, AI recommendations, and leaderboards), the app remains easy to navigate and intuitive. Finally, seeing how StudyRacer can truly help students manage their workload more effectively is something we’re very proud of.

📚 What we learned

Throughout this project, we learned the importance of balancing functionality with usability. It's easy to get carried away with adding features, but the challenge is in ensuring everything works smoothly and cohesively without overwhelming the user. Additionally, working with AI models like OpenAI LLM taught us a lot about designing interfaces that effectively leverage AI. We also deepened our knowledge of full-stack development, particularly with Next.js and SQLite.

🚀 What's next for StudyRacer

Moving forward, we plan to expand StudyRacer by adding more gamification elements, such as badges and rewards for completing study goals. Another goal is to introduce mobile support, allowing students to track their progress on the go. We’re also looking at expanding collaboration features, enabling students to form study groups within the app and track group goals together.