TechQuest

homepage

Inspiration We were inspired by the lack of accessible and engaging tech education for underrepresented communities. Many existing platforms are expensive or don’t accommodate diverse learning styles, leaving gaps in equitable access to tech skills. TechQuest was born to bridge this divide by offering a free, game-based learning experience powered by AI. What It Does TechQuest is an AI-driven, game-based learning platform where users complete interactive quests to build tech skills. Key features include: Personalized Learning: AI-generated hints (Azure OpenAI) guide users through challenges. Multilingual Support: Azure AI Translator breaks language barriers. Accessible Design: Hosted on Azure Static Web Apps for seamless access. Adaptive Learning: Customizable interfaces for diverse learning styles.

How We Built It Frontend: React.js + JavaScript for an interactive UI. Backend: Azure Functions for scalable logic. AI Services: Azure OpenAI (hints), Azure AI Translator (multilingual support). Hosting: Azure Static Web Apps for deployment.

Challenges We Ran Into Azure OpenAI Integration: Initially struggled with API compatibility (Node 18) and had to downgrade dependencies. Multilingual Support: Fine-tuning translations for technical content required iterative testing. Deployment Conflicts: Git merge issues during collaborative pushes. We have issues with the AI API not being accessed.

Accomplishments We’re Proud Of Coming up with a great idea for supporting underrepresented communities in tech education Built our first functional MVP in a hackathon timeframe. Leveraged four Azure services seamlessly (Static Web Apps, OpenAI, Translator, Functions). Designed for inclusivity: Free access, multilingual UI, and adaptive learning paths.

What We Learned Azure’s Power: How to chain services (e.g., OpenAI + Translator) for richer features. Team Collaboration: Git workflows and conflict resolution under time pressure. User-Centric Design: The importance of testing with diverse learners to refine UX.

What’s Next for TechQuest Expand Quests: Add more tech tracks (e.g., cloud computing, cybersecurity). Gamification: Leaderboards, badges, and social learning features. Community Partnerships: Collaborate with nonprofits to reach underserved learners globally. Offline Mode: Cache content for low-connectivity regions. Debugging: Make sure AI services are running without issues.