EduArcarde

Inspiration

Many students struggle to stay motivated when learning through traditional methods like lectures and textbooks. We noticed that while educational tools exist, many lack true personalization and fail to keep students actively engaged.

We were inspired to combine the excitement of video games with personalized learning. Instead of passively reviewing notes, we wanted students to actively interact with content through gameplay. Our goal was to create a platform where students could upload their own course materials and instantly turn them into interactive learning experiences.

This led to the creation of EduArcade, a customizable game-based learning platform that transforms traditional educational content into engaging challenges.

What it does

EduArcade allows users to upload their own learning materials — such as lecture notes, assignments, or study guides — and converts them into interactive game-based learning experiences.

Students can choose from multiple game modes, including adventure-style games, farming simulations, and quiz-based challenges. Each game integrates dynamically generated questions based on uploaded content. The platform also tracks progress and provides personalized feedback so users can identify their strengths and weaknesses.

By combining personalization, gameplay, and analytics, EduArcade turns studying into an active and engaging process.

How we built it

We built EduArcade using a modern full-stack web development approach.

The frontend was developed using Next.js, React, and TypeScript, allowing us to create reusable game components and dynamic user interfaces. We used Tailwind CSS for styling and responsive design, and animation libraries to enhance gameplay interactions.

Multiple custom game modules were implemented, including:

Adventure-style exploration games
Farming simulation mechanics
Quiz-based challenge modes
Interactive decision-based gameplay systems

For content generation, we integrated the Claude API, which processes uploaded learning materials and generates adaptive questions tailored to the user's curriculum.

We deployed the application using Vercel, enabling fast builds and live hosting for real-time testing and demonstration.

Challenges we ran into

One of the biggest challenges was designing a flexible system that could support multiple different game types while still sharing the same question-generation logic. We had to carefully structure our components to allow new games to be added without rewriting large portions of code.

Another challenge was handling uploaded content in different formats and ensuring that meaningful questions could be generated from diverse materials. Integrating AI-generated questions in real time while maintaining smooth gameplay required careful optimization.

We also faced time constraints when balancing feature complexity with usability. Building multiple fully functional game modes within a short hackathon timeframe required strong teamwork and rapid iteration.

Accomplishments that we're proud of

We are proud of successfully building a working multi-game educational platform within a limited time frame. Instead of creating a single demo feature, we developed several unique game modes that demonstrate the flexibility of our system.

We are also proud of integrating real AI-powered personalization into gameplay. The ability to turn uploaded course content into playable learning challenges makes EduArcade highly adaptable to different subjects and grade levels.

Most importantly, we created a platform that transforms learning into something interactive and enjoyable.

What we learned

Throughout this project, we learned how to design scalable component-based systems using React and TypeScript. We also gained experience working with AI APIs to generate dynamic content from user input.

We improved our skills in debugging real-time systems, optimizing performance, and deploying full-stack applications to production environments.

Additionally, we learned the importance of teamwork, communication, and iterative development when building complex systems under tight deadlines.

What's next for EduArcade

In the future, we plan to expand EduArcade with additional game genres, multiplayer learning modes, and advanced analytics dashboards for both students and educators.

We also aim to develop mobile versions of the platform and explore immersive technologies such as AR/VR to further enhance the learning experience.