a platform that teaches programming (especially frontend web dev) ...

...through an RPG-style game. You'd learn HTML, CSS, JS, and frameworks by progressing through quests, leveling up your character, solving coding challenges, and unlocking storylines based on your skills. Think: Zelda meets Codecademy — where instead of boring modules, you’re an adventurer writing real code to unlock doors, defeat bugs (literally), and build magical interfaces

Confidence
Engagement
Net use signal
Net buy signal

Idea type: Freemium

People love using similar products but resist paying. You’ll need to either find who will pay or create additional value that’s worth paying for.

Should You Build It?

Build but think about differentiation and monetization.


Your are here

Your idea of teaching programming through an RPG-style game puts you in the 'Freemium' category. This means users are generally interested in learning to code and are open to using platforms like yours, as indicated by the 15 similar products we identified. However, convincing them to pay for the service might be challenging, since most similar products do not generate buy signals. The engagement around similar products is medium (average of 4 comments), meaning there's some interest, but you'll need to stand out. Given the number of competitors, differentiation is key. People enjoy learning in an engaging way, but you need to find what's uniquely valuable about your platform that they would be willing to pay for.

Recommendations

  1. Start by identifying which users get the most value from the free version of your game. What are they using it for? What problems are they solving? Understanding their motivations will help you tailor premium features that address their specific needs.
  2. Develop premium features that offer significant value beyond the free experience. This could include advanced coding concepts, personalized learning paths, exclusive quests, access to a supportive community, or priority support. Consider what would make the learning experience truly indispensable for serious learners.
  3. Since individual users may be hesitant to pay, explore the possibility of charging teams or organizations. Companies looking to upskill their employees in frontend development might be willing to invest in a gamified learning platform like yours. Tailor team-based challenges and progress tracking features to appeal to this audience.
  4. Offer personalized help or consulting as a premium service. This could include one-on-one mentorship from experienced developers, code reviews, or project guidance. This approach may be appealing to those needing extra support or seeking to advance their skills quickly. Also consider adding an AI assistant to help users with coding tasks. (See CodenQuest discussions.)
  5. Test different pricing approaches with small groups of users before rolling them out widely. Experiment with various subscription tiers, one-time purchases, or in-game purchases. Gather feedback on what users perceive as valuable and adjust your pricing accordingly.
  6. Pay close attention to the criticisms and discussions surrounding similar products. For example, several users wished they had access to platforms like yours when they began learning to code. Capitalize on this desire by highlighting the beginner-friendly nature of your platform and showcasing its benefits over traditional coding education. Also, incorporate gamified challenges as Surfoncode users suggest.
  7. Address potential concerns about long-term user engagement by continuously adding new content, quests, and storylines. Keep the game fresh and exciting to prevent users from losing interest once they've mastered the basics.
  8. Focus on building a strong community around your platform. Encourage users to share their progress, ask questions, and help each other. A supportive community can significantly enhance the learning experience and increase user retention. Consider a Discord server or forum where players can connect.

Questions

  1. Given the potential for users to compare your platform to more traditional learning methods (YouTube, online courses), what specific metrics will you track to demonstrate the superior engagement and knowledge retention achieved through your gamified approach?
  2. Many successful freemium models rely on a small percentage of users to generate the majority of revenue. What specific features or benefits will you offer to incentivize those power users to upgrade to a premium subscription, and how will you identify and cater to their needs?
  3. Considering the existing competition in the gamified coding education space (e.g., CodenQuest, Surfoncode), what unique elements or gameplay mechanics will differentiate your RPG-style platform and attract a loyal user base? Will you introduce unique storylines, character customization, or integration with real-world coding projects?

Your are here

Your idea of teaching programming through an RPG-style game puts you in the 'Freemium' category. This means users are generally interested in learning to code and are open to using platforms like yours, as indicated by the 15 similar products we identified. However, convincing them to pay for the service might be challenging, since most similar products do not generate buy signals. The engagement around similar products is medium (average of 4 comments), meaning there's some interest, but you'll need to stand out. Given the number of competitors, differentiation is key. People enjoy learning in an engaging way, but you need to find what's uniquely valuable about your platform that they would be willing to pay for.

Recommendations

  1. Start by identifying which users get the most value from the free version of your game. What are they using it for? What problems are they solving? Understanding their motivations will help you tailor premium features that address their specific needs.
  2. Develop premium features that offer significant value beyond the free experience. This could include advanced coding concepts, personalized learning paths, exclusive quests, access to a supportive community, or priority support. Consider what would make the learning experience truly indispensable for serious learners.
  3. Since individual users may be hesitant to pay, explore the possibility of charging teams or organizations. Companies looking to upskill their employees in frontend development might be willing to invest in a gamified learning platform like yours. Tailor team-based challenges and progress tracking features to appeal to this audience.
  4. Offer personalized help or consulting as a premium service. This could include one-on-one mentorship from experienced developers, code reviews, or project guidance. This approach may be appealing to those needing extra support or seeking to advance their skills quickly. Also consider adding an AI assistant to help users with coding tasks. (See CodenQuest discussions.)
  5. Test different pricing approaches with small groups of users before rolling them out widely. Experiment with various subscription tiers, one-time purchases, or in-game purchases. Gather feedback on what users perceive as valuable and adjust your pricing accordingly.
  6. Pay close attention to the criticisms and discussions surrounding similar products. For example, several users wished they had access to platforms like yours when they began learning to code. Capitalize on this desire by highlighting the beginner-friendly nature of your platform and showcasing its benefits over traditional coding education. Also, incorporate gamified challenges as Surfoncode users suggest.
  7. Address potential concerns about long-term user engagement by continuously adding new content, quests, and storylines. Keep the game fresh and exciting to prevent users from losing interest once they've mastered the basics.
  8. Focus on building a strong community around your platform. Encourage users to share their progress, ask questions, and help each other. A supportive community can significantly enhance the learning experience and increase user retention. Consider a Discord server or forum where players can connect.

Questions

  1. Given the potential for users to compare your platform to more traditional learning methods (YouTube, online courses), what specific metrics will you track to demonstrate the superior engagement and knowledge retention achieved through your gamified approach?
  2. Many successful freemium models rely on a small percentage of users to generate the majority of revenue. What specific features or benefits will you offer to incentivize those power users to upgrade to a premium subscription, and how will you identify and cater to their needs?
  3. Considering the existing competition in the gamified coding education space (e.g., CodenQuest, Surfoncode), what unique elements or gameplay mechanics will differentiate your RPG-style platform and attract a loyal user base? Will you introduce unique storylines, character customization, or integration with real-world coding projects?

  • Confidence: High
    • Number of similar products: 15
  • Engagement: Medium
    • Average number of comments: 4
  • Net use signal: 15.4%
    • Positive use signal: 15.4%
    • Negative use signal: 0.0%
  • Net buy signal: 0.0%
    • Positive buy signal: 0.0%
    • Negative buy signal: 0.0%

This chart summarizes all the similar products we found for your idea in a single plot.

The x-axis represents the overall feedback each product received. This is calculated from the net use and buy signals that were expressed in the comments. The maximum is +1, which means all comments (across all similar products) were positive, expressed a willingness to use & buy said product. The minimum is -1 and it means the exact opposite.

The y-axis captures the strength of the signal, i.e. how many people commented and how does this rank against other products in this category. The maximum is +1, which means these products were the most liked, upvoted and talked about launches recently. The minimum is 0, meaning zero engagement or feedback was received.

The sizes of the product dots are determined by the relevance to your idea, where 10 is the maximum.

Your idea is the big blueish dot, which should lie somewhere in the polygon defined by these products. It can be off-center because we use custom weighting to summarize these metrics.

Similar products

Relevance

Arccode, a role-playing game for developers

30 Aug 2024 Developer Tools

Hi hackers!I created this pet project for developers to spice up their daily coding routine. It's basically a web app + a vscode extension that reads your code keywords (such as `function` or `const`) and turns them into xp. You can then level up to unlock some cool gears for your character.Let me know what you think of it in the comments, I'd be happy to chat.


Avatar
1
1
Relevance

Elara- A free open-source coding game built with Rust and WebAssembly

I'm excited to share a project that I've been working on mostly solo for the past year! It's called Elara, and it's a free open source game that teaches you how to code. You can play directly in your browser without downloading anything or creating an account. It's targeted toward complete beginners, but if you already have some coding experience, there are optional bonus challenges to really test your knowledge and problem-solving skills. If you like code golf, some of the challenges will be right up your alley ;)Under the hood, the backend/core game logic is built with Rust and compiled to WebAssembly, and the frontend/UI is in TypeScript and React. In-game, you write code in Rhai, a scripting language tightly integrated with Rust. I chose this architecture for a few reasons: it offers good performance for compiling and running user code, has important sandboxing/safety guarantees like preventing infinite loops, and means the entire game can run in-browser without the need for any servers (aside from just serving static files). Keeping costs low was really important since the game is 100% free and I would like to keep it that way. Check it out and let me know what you think! I'll be checking back here periodically to answer any questions.The full source code is available on GitHub: https://github.com/albrow/elara.

Users appreciate the product as a valuable resource for students learning to code, with one user sharing a similar experience in Scala. The visual programming interface is highlighted as beneficial for helping kids experience programming. Some users wish they had access to this tool when they were learning to code.

The product is considered primitive compared to Elara.


Avatar
8
4
25.0%
4
8
25.0%
Relevance

CodenQuest - Master coding through play, Everywhere!

27 Mar 2024 iOS Education Career

Level up your coding skills with a gamified twist! Tackle exercises across major languages, enjoy real-time stats, and climb weekly leagues. Keep your streak, compete with friends, and progress through categories. Available on iOS and Web.

CodenQuest's Product Hunt launch garnered overwhelmingly positive feedback, with users repeatedly congratulating Cyril on the launch. The gamified, mobile-first approach to coding education was praised for making learning accessible, fun, and engaging, particularly for beginners. Users highlighted the appealing interface, useful features (like the AI assistant), and satisfying task completion. The concept of 'Duolingo for coding' resonated well, and some users inquired about differences between CodenQuest and platforms like Leetcode and Mimo. There were requests for an Android version and tutorials for specific coding tasks.

The primary criticism is the inability to copy the lifetime access code, creating inconvenience for users.


Avatar
280
37
21.6%
37
280
21.6%
Relevance

An “advent of code”-like game to learn visual scripting

03 Jul 2023 Games

Hey guys!So I've been building a web-based visual scripting engine. You might be familiar with this if you use the Unreal Engine Blueprint, or Unity Bolt, as it's the same concept.To learn it, I built a little game where you have to solve puzzles using visual scripting. It's a bit like Advent Of Code, you have a cool backstory and puzzles with more and more complexity (but it's a lot easier)You can check it out here: https://luna-park.app/challengeAlso, I just launched it on Product Hunt, so if you like it and you have an account, that would be awesome to support it there!Check it out here: https://www.producthunt.com/posts/luna-park-no-code-challeng...

Praises product launch and its unique world creation.


Avatar
3
1
1
3
Relevance

I Made the Duolingo for Coding

I have been a duolingo user for quite some time and have been wondering why there isn't an app like that to teach people programming. Well, now there is. Our newly created platform is designed to teach coding in a fun, free, and easy way, accessible from any device. edCode offers bite-sized, interactive lessons designed to keep you engaged while learning at your own pace. Whether you're just starting out or brushing up on skills, we've made coding education simple, enjoyable, and effective.Some exciting features include: - Real-time leaderboard to add a friendly competitive edge - Certificates upon course completion to showcase your progress We’re still in the early stages of development, so your feedback is incredibly valuable as we shape the future of edCode. Head to our feedback page on the dashboard to share your thoughts—we’re quick to respond (within 24 hours)!Thank you for your support and we can’t wait to hear what you think!

Recommends iOS app CodenQuest for inspiration.


Avatar
4
1
1
4
Relevance

A Project_Based Learning platform for coding

Hey everyone, I’m working on something that I think could really help those of us who’ve been stuck in "tutorial hell"—you know, where you just keep following tutorial after tutorial without really doing anything on your own. The platform is called CodeSprint, and I’d love to get your thoughts on it. Here’s the basic idea: CodeSprint is all about learning by doing. Instead of just watching 10hr videos or reading through docs, you’ll be solving real-world problems by building projects. Think of it like "TryHackMe" but for coding. The goal is to help you actually apply what you’ve learned in a meaningful way. The cool part? The projects on the platform won’t just come from us. We’re planning to have content created by educators, industry pros, and experienced devs. These projects will go through our team for approval before they get published, so you’ll have access to a wide range of high-quality, relevant stuff to work on. A few key features we’re planning: Real-World Projects: You’ll have a bunch of projects to choose from, covering everything from web dev to AI, that will help you build a portfolio that really shows off your skills. Problem-Solving Focus: The instructions are designed to make you think and solve problems on your own—it’s not just about following along. We want to push you to figure things out, which is where the real learning happens. But obviously help and hints will be available. Interactive Coding Environment: You can code right in your browser, no need to mess with setting up your environment. Also there will be a gamification element to the platform. Expert Guidance: You’ll have the chance to get feedback and review from industry experts, which I think will be super valuable. Community Support: We’re building a community aspect too, so you can share your journey with others, get help, and maybe even work on projects together. Here’s where I’m stuck: I’m not sure about the best way to price this. Should it be a pay-per-project, or maybe offer some kind of subscription package? I’d really appreciate your input on what would work best for you. Why I’m doing this: I’ve seen too many people, myself included, struggle with moving from learning concepts to actually building stuff. I want to create something that helps people make that leap—learning in a way that feels practical and engaging. So, what do you think? Does this sound like something you’d use? How do you feel about the content being created by external experts? And seriously, how would you prefer to pay for access—per project, monthly subscription, something else? I’d love to hear any feedback, suggestions, or ideas you might have. Thanks a ton in advance for your help!

Post as 'Show HN' when ready for testing.

Needs to be a normal submission until then.


Avatar
2
1
1
2
Relevance

Surfoncode - A fun coding platform for beginners

Our platform simplifies the learning process, starting with easy syntax problems to help beginners gain confidence. Difficulty increases gradually, ensuring a comfortable learning curve.

Surfoncode's Product Hunt launch has garnered positive feedback, particularly for its beginner-friendly approach and gradual difficulty curve. Users appreciate its complete learning environment, which helps avoid the overwhelming nature of traditional programming education and excessive reliance on resources like YouTube. The platform's code correctness checking is also praised. Suggestions include incorporating gamified challenges and expanding exercise support to other programming languages. Many users wish they had access to such a platform when they began learning to code.

Users question Surfoncode's advantages over GPT for coding. Mobile UI issues were reported including an uncentered Product Hunt icon and disappearing button outlines. Concerns were raised about long-term user engagement beyond the beginner level. Users suggested expanding exercise support to include programming languages beyond just JavaScript.


Avatar
141
10
10.0%
10
141
10.0%
Relevance

PlayCodeAI – A tool I created to let my kid create their own videogames

Hi hn,Its been a while since my kid has been dreaming to make videogames, as you know, the entry bar is high, too many technical details are involved.A few months ago, we started making games, we have tried many different ways, from dragging blocks to write code with a high-level library to make it simple, it is still too much work.Getting into the AI boat, I decided to give it a try for making games, turns out that it works super nicely, still, you still have many technical concepts involved, what language should the game be written in? where do you store the file/assets? how do you run it?I decided creating a simple playground where most of the tech details are already defined, html/javascript due to the portability they provide, we can get the code and see the result right away, same way, we can easily export it and upload it to a server.So far, the results are amazing, my kid has managed to create 10 simple games in a few hours with no help at all (the landing page includes screenshots from these).I strongly believe that this can help many other people to bring their ideas to life.As of now, the tool is simple, it runs on the client side, requiring an OpenAI API Key to interact with the models, it has the problem that only paid users can access this and I hope to remove that barrier soon but this was the simplest/fastest way to get things done.A big limitation relates to image loading, many images have CORS limitations that chatgpt can't detect, games without images aren't fun and I hope to solve this soon (suggestions accepted).I'd also love making it simple to share the results with others.Anyway, if your kid is willing to make a videogame, I encourage you to try this out, any feedback should help me to polish this to be usable for others.Thanks.


Avatar
7
7
Top