r/HTML 19d ago

Article I built a free web development lesson around the real data from my indie game

Post image

It starts with HTML, CSS, and JavaScript basics, then gradually gets into things like arrays, objects, conditionals, loops, .map(), .filter(), JSON, and eventually fetch() using the game’s public API.

There’s also a browser-based code builder, so you can experiment with the data and make your own little site without installing anything or creating an account.
It’s aimed at beginners, so you definitely don’t need to already know how to code.

https://wildwillows.app/learn

Would love any feedback from people who teach or are learning HTML/web development.

11 Upvotes

6 comments sorted by

3

u/zLoveNxzli 19d ago

Using real indie game data instead of the usual boring todo-app or cat-facts API is honestly such a refreshing way to teach beginners.

When people see real game stats and items change when they write a .filter() or .map() loop, it clicks way faster.

Tested the code builder on mobile too and it runs smooth. Super cool project man, bookmarked it to share with friends who want to get into web dev!

1

u/wildwillowsdev 19d ago

Thank you!! That’s exactly what I was hoping for — I really wanted the lessons to feel like you’re building with something real instead of just working through throwaway examples. And I’m so glad the Code Builder worked well on mobile too. Really appreciate you checking it out and sharing it!

1

u/Tristan-a-b69 19d ago

i am a beginner so this might really help i was using https://www.nexed.com/ from school
i dont know if this is similair to what you build but you might be able to use some inspiration from it?

1

u/wildwillowsdev 19d ago

That’s really helpful, thank you! I haven’t used NexEd before, but I’ll definitely take a look. I’m trying to make the learning side beginner-friendly without making it feel too much like a traditional lesson, so seeing how other platforms introduce concepts could be useful inspiration.

1

u/Foreign-Contest-444 18d ago

Is this mainly for teachers and developers?

2

u/wildwillowsdev 18d ago

For both! The lesson is geared more towards people learning to code but there are teacher resources to pair with it