Gamified Place to Learn About Cloud Services with AI Coach

a browser-native, AI-powered coach that helps you learn AWS, Azure, and GCP right inside Chrome. Powered by Chrome’s Prompt and Summarization APIs, it makes cloud learning fast, fun, and unforgettable

Comment

CloudLingo

Duolingo meets the Cloud a browser-native, AI-powered coach for AWS, Azure, and GCP learners.

🚀 Inspiration

Learning cloud platforms often feels like reading a 600-page manual dense, disconnected, and easy to forget. As someone holding multiple cloud certifications, I’ve felt this pain firsthand: the struggle to refresh knowledge quickly, connect similar concepts across providers, and keep up with endless new features.

That’s why I built CloudLingo a browser-native, gamified coach powered by Chrome’s built-in AI APIs. The goal: make cloud learning as intuitive and addictive as language learning on Duolingo, with short daily lessons, AI-guided explanations, and instant summaries that fit right into your browser workflow.

This solves a key problem for developers, students, and tech professionals: keeping cloud knowledge fresh and practical in minutes, not hours.

💡 What It Does

CloudLingo transforms Google Chrome into a personal cloud learning lab a place to learn, practice, and review cloud concepts without ever leaving the browser.

Core Features

  • 🎯 Lesson Workspace: Short, challenge-based lessons with Prompt Presets powered by the Prompt API. Tap one, and Chrome’s AI instantly explains complex topics (like IAM roles or VPC peering) in plain English, with analogies or quick examples. And AI recap after finishing each lesson using the level content and Prompt API.

  • 🧠 Unit Dashboard: After completing lessons, Chrome’s Summarization API condenses highlights, clarifies misconceptions, and suggests what to focus on next keeping your learning loop tight and personal.

  • 🕹️ Gamified Progression: Earn XP, streaks, and quests as you move through AWS, Azure, and GCP tracks. It motivates consistency without overwhelming users.

  • 🧩 AI-Powered Admin Panel: Even content creation is AI-assisted Chrome’s Prompt API helps authors generate questions, hints, and answer explanations on the fly, reducing manual effort by over 70%.

CloudLingo is more than a course it’s a living AI tutor that grows with you.

🛠️ How I Built It

  • Frontend: Next.js + React for smooth, progressive navigation and client-side responsiveness.

  • AI APIs:

    • Prompt API: Generates plain-language explanations, hints, and alternative exercises.
    • Summarization API: Creates dynamic recaps, identifies weak points, and generates personalized feedback.

  • Database & Auth: Postgres + Drizzle ORM + Clerk for secure progress tracking and sign-in.

  • Payments: Stripe handles subscriptions and premium unlocks.

  • Gamification Engine: Real-time XP, streak, and quest logic with optimistic updates for instant feedback.

  • Design: Tailwind + Framer Motion for a playful, modern interface with smooth transitions.

It’s fully browser-first no external backend call for AI. All intelligence runs locally via Chrome’s built-in AI models, ensuring privacy, speed, and scalability across devices.

⚙️ Challenges I Ran Into

  • Maintaining AI accuracy: Tuning prompt instructions for concise, trustworthy coaching rather than verbose outputs.
  • Cross-cloud consistency: Mapping AWS, Azure, and GCP services into one unified schema revealed many mismatched patterns.
  • Performance tuning: Keeping gamified animations and AI streaming smooth even under load.
  • User engagement: Finding the sweet spot between serious learning and lightweight fun.

These challenges shaped a product that’s both technically robust and genuinely enjoyable to use.

🏆 Accomplishments I’m Proud Of

  • Built a cross-cloud progression system that scales to new providers easily.
  • Delivered a fully local-first AI experience using only Chrome APIs no third-party LLMs required.
  • Designed continuous guidance loops (Learn → Reflect → Improve) that keep learners engaged.
  • Created an AI-assisted content creation workflow for fast, scalable lesson generation.
  • Proved that browser-native AI can unlock powerful, private learning experiences without backend complexity.

📚 What I Learned

  • How to engineer type-safe data flows between AI responses, client components, and persistent state.
  • How to design prompt templates that produce reliable, educational answers from small Chrome AI models.
  • How to translate multi-cloud architectures into universal learning schemas.
  • That the best learning tools don’t just teach they listen and adapt.

🔮 What’s Next for CloudLingo: Gamified AI Coach for Cloud Learning

The next stage brings even more interactivity and reach:

  • 🧑‍🤝‍🧑 Team Challenges & Leaderboards: Group learning and friendly competition.
  • 🎤 Voice Interaction: Use ElevenLabs or Web Speech API for hands-free lessons.
  • 🌱 Adaptive Skill Trees: Chrome AI tailors content dynamically based on performance.
  • 🧱 DevOps Expansion: Add Kubernetes, Terraform, and CI/CD tracks.
  • 🎓 Certification Mode: Partner with AWS, Azure, and Google Cloud for micro-credentials.
  • 🌍 Browser Extension: Bring instant explanations to any documentation page or console screen.

CloudLingo aims to make cloud fluency accessible, engaging, and powered by the browser itself no setup, no friction, just learning that fits your day.

Built With

Share this project:

Updates