This is a submission for the GitHub Copilot Challenge : Transitions and Transformations

What I Built

This is a metaphor about learning a new skill. Below, I explain the metaphor, but I would recommend that first you try the project with the demo link and then read the explanation to see if you caught everything.

This project generates a roadmap using AI, then you begin your journey collecting gems (= step/knowledge in the map), every amount of gems you collect, you get to play a minigame where you need to press a button to fill an energy bar to transform your gems into a new creation, every level is more difficult than the previous one. There's a little surprise when you finish the last level!

Metaphor Explanation [⚠️ SPOILER ALERT]

If you haven't played the game, I advise you to do it.

The gems are equal to acquiring knowledge, but they are in the rough because knowledge itself is not enough, you need to put it into practice to make something out of it. To build something, you need a set amount of gems because the more complex the project, the more knowledge it requires, also they require more skill (remember the skill button?).

Level 1: is simple and basic because starter projects tend to be like that and aren't that challenging.

Level 2: a fog appears called "imposter syndrome", something many people feel when they start to get more serious and progressing, but still feel like is not enough and that can lead to disorientation, the fog doesn't stop you from pressing the button, but it requires more effort, because to overcome imposter syndrome, you need to keep pushing through and through until you make it.

Level 3: insecurity holes appear in your energy bar, and you can't press the skill button. Insecurities can make us feel paralyzed, and they can appear no matter how much experience you have. When you click the holes (insecurities), you get a view of your previous made projects, as you do it, they dissipate. When we feel insecure it is a great idea to take a look back to what we have achieved, when we see that we have overcome challenges in the past we remember who we are and what we are capable of.

Demo

Link to demo here 🌟

Repo

# create a new project in the current directory

npx sv create



# create a new project in my-app

npx sv create my-app

npm run dev



# or start the server and open the app in a new browser tab

npm run dev -- --open

npm run build

Copilot Experience

Copilot is still a new experience for me, but I'm staring to find the sweet spot for it. Most of the cases I'd like to use the small completions (1-5 lines) rather than the large ones, and I like how it saves time with regexes and split strings, or write utility functions that sometimes can be a bit annoying to write. I think my sweet spot is that it be my copilot, and most of the time I'd like to be the pilot, but is very nice when it suggests something that I didn't think about, or that I needed promptly.

GitHub Models

I did use gpt-4o-mini to generate the roadmaps.

Conclusion

What I want to achieve is that when you select a roadmap and as you play the game, I want you to visualize yourself in the real journey, the real stuff. 2025 has just begun, why not?

Start time: 10:33, Jan 16, Honduras

End time: ~