DEV Community

Cover image for SkillBytes - Gamified learning process using AI
Schemetastic (Rodrigo)
Schemetastic (Rodrigo) Subscriber

Posted on

SkillBytes - Gamified learning process using AI

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

What I Built

I built a game about the process of learning using AI, initially you select a skill that you want to learn, and with AI you'll get 16 different concepts of that field, after you have unlocked 8 concepts you'll unlock a project that you need to develop in order to finish the project.

Demo

https://skillbytes-production.up.railway.app/

Intro screen

Repo

GitHub logo schemetastic / skillbytes

Gamified learning process using AI

SkillBytes

Gamified learning process using AI

Developing

install dependencies with npm install:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
Enter fullscreen mode Exit fullscreen mode

Building

To create a production version of your app:

npm run build
Enter fullscreen mode Exit fullscreen mode

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.




Copilot Experience

I installed Copilot very recently, and I was surprised how well it predicts what I want to do, this is actually my second project of the challenge (But the first one didn't make it because I couldn't finish it in 24 hours), and I had some wow moments when I asked the chat to generated code for me or regexes. Definitely I plan to keep using it.

GitHub Models

I used gpt-4o-mini to retrieve data from the skill that the user selected to learn

Conclusion

Start time: 14:54 January 12 (Honduras)
End time: 15:04

πŸ₯² As you can see, it did took a little more than the 24 hours for me to develope this project, and another important thing, is that when you select a skill sometimes it gets an error (I believe it has to do with the format of the returned prompt). Probably this isn't a valid submission. So, in any case I'll give it another try, I may rebuild this idea from scratch or develope something different, in any case, if you try it, I hope you learn with this app πŸ’ͺ🏽.

Top comments (1)

Collapse
 
schemetastic profile image
Schemetastic (Rodrigo)

I've made up my mind, I will re build this idea, and better! This time I'll be more prepared!