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 diffe…


This content originally appeared on DEV Community and was authored by Schemetastic (Rodrigo)

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

Building

To create a production version of your app:

npm run build

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 💪🏽.


This content originally appeared on DEV Community and was authored by Schemetastic (Rodrigo)


Print Share Comment Cite Upload Translate Updates
APA

Schemetastic (Rodrigo) | Sciencx (2025-01-13T21:04:10+00:00) SkillBytes – Gamified learning process using AI. Retrieved from https://www.scien.cx/2025/01/13/skillbytes-gamified-learning-process-using-ai/

MLA
" » SkillBytes – Gamified learning process using AI." Schemetastic (Rodrigo) | Sciencx - Monday January 13, 2025, https://www.scien.cx/2025/01/13/skillbytes-gamified-learning-process-using-ai/
HARVARD
Schemetastic (Rodrigo) | Sciencx Monday January 13, 2025 » SkillBytes – Gamified learning process using AI., viewed ,<https://www.scien.cx/2025/01/13/skillbytes-gamified-learning-process-using-ai/>
VANCOUVER
Schemetastic (Rodrigo) | Sciencx - » SkillBytes – Gamified learning process using AI. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/01/13/skillbytes-gamified-learning-process-using-ai/
CHICAGO
" » SkillBytes – Gamified learning process using AI." Schemetastic (Rodrigo) | Sciencx - Accessed . https://www.scien.cx/2025/01/13/skillbytes-gamified-learning-process-using-ai/
IEEE
" » SkillBytes – Gamified learning process using AI." Schemetastic (Rodrigo) | Sciencx [Online]. Available: https://www.scien.cx/2025/01/13/skillbytes-gamified-learning-process-using-ai/. [Accessed: ]
rf:citation
» SkillBytes – Gamified learning process using AI | Schemetastic (Rodrigo) | Sciencx | https://www.scien.cx/2025/01/13/skillbytes-gamified-learning-process-using-ai/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.