๐ EduQuest โ Gamified Learning for Future Coders
EduQuest transforms traditional coding education into an engaging, interactive experience. Designed to motivate and empower learners through gamified challenges, it offers a streamlined and modern way to practice programming fundamentals โ all in one place.
๐ฏ What It Does
EduQuest is a cross-platform educational app that teaches the basics of programming through interactive lessons, real-time challenges, and progress tracking. Rather than static tutorials or endless video lectures, users are presented with hands-on coding problems in an intuitive interface, complete with feedback and guidance.
Currently, EduQuest focuses on teaching core programming concepts using popular languages like:
- Python
- JavaScript
- (More coming soon)
Each challenge is designed to build real coding skills โ from data types and loops to functions and problem-solving patterns โ all wrapped in a user-friendly design.
๐ก Inspiration
As students ourselves, we noticed a gap in how programming is taught: itโs often boring, slow, or abstract. We wanted to build something that feels more like an app weโd actually want to use โ clean, fun, and genuinely educational. EduQuest was built out of a desire to fix that.
๐ ๏ธ How We Built It
EduQuest is built using a mix of frontend and backend tools, focusing on cross-platform deployment:
- Frontend: HTML, CSS, JavaScript (vanilla and modular)
- Mobile/Desktop Apps: Packaged via Electron (Windows/macOS) and web-to-APK for Android
- Web Hosting: Firebase Hosting
- Code Challenges Engine: Custom logic for validating code snippets (early prototype)
- Design: Responsive UI with modern animations and clear UX
The UI and logic are modular, allowing fast updates and support for new languages or features later.
๐ Cross-Platform Support
EduQuest currently works on:
- โ Web (any browser)
- โ Windows (.exe)
- โ macOS (.dmg)
All platform builds are lightweight and optimized for performance, even on older devices.
๐ฅ Features
- ๐ฉโ๐ป Programming Quests โ Practice loops, variables, and logic through structured mini-challenges.
- ๐ Progress Tracking โ Visual bars show how much youโve mastered in each topic.
- ๐ฎ Gamification โ Earn points, badges, and advance through levels.
- ๐ Beautiful UI โ Designed to be clear, clean, and student-friendly.
- ๐ป Offline Ready โ Downloadable versions for Windows/macOS/Android.
- ๐ ๏ธ Expandable Engine โ Easily scalable to include more languages and learning formats.
๐ง Challenges We Ran Into
- ๐ Electron and Firebase donโt allow
.exefiles on the free tier โ had to work around this with.zippackaging. - ๐งฉ Designing a challenge validation system that works offline and supports multiple languages.
- ๐น๏ธ Balancing simplicity with useful feedback in early user testing.
๐ Accomplishments Weโre Proud Of
- Created a fully working cross-platform app from scratch
- Designed a clean, accessible UI that feels intuitive for students
- Built a functioning engine to handle and validate code submissions
- Published working installable builds across web, Android, and desktop
๐ง Whatโs Next
EduQuest is just getting started. Planned features include:
- ๐ Full lesson tracks (e.g., Python Fundamentals, Web Development Basics)
- ๐ค AI-powered code feedback
- ๐บ๏ธ Interactive world map for gamified learning
- ๐ User login and saveable progress across devices
- ๐ฌ Community coding challenges and leaderboards
๐ง Lessons Learned
- Sometimes the simplest UI wins
- Students prefer fast feedback over long explanations
- You can make something genuinely useful with minimal tools, as long as the core experience is solid
๐ Try It Out
Web App: https://hitjack007-eduspace.web.app
Download for Windows/macOS/Android: [Links on website]
๐ค Built By
Made with passion by HitJack007
Built for learners, by a learner
Built With
- css
- electron
- firebase
- html
- javascript
- python-(challenge-engine)
- web-to-apk
Log in or sign up for Devpost to join the conversation.