Logo

dev-resources.site

for different kinds of informations.

SkillBytes - Gamified learning process using AI

Published at
1/13/2025
Categories
devchallenge
githubchallenge
webdev
ai
Author
schemetastic
Author
12 person written this
schemetastic
open
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 πŸ’ͺ🏽.

devchallenge Article's
30 articles in total
Favicon
Join us for the Agent.ai Challenge: $10,000 in Prizes!
Favicon
The Great Failure of 2024
Favicon
Boost Your Productivity with Momentum Builder: A Web App to Overcome Procrastination and Track Progress
Favicon
ReadOnePage - Spend more time reading and learning, and less time in social media
Favicon
πŸ“βœ¨ClearText
Favicon
Daily JavaScript Challenge #JS-74: Convert Hexadecimal to Binary
Favicon
Habit Tracker: A Web Application to Track Your Daily Habits
Favicon
Impostor syndrome website: Copilot 1-Day Build Challenge
Favicon
GitHub Copilot Challenge: Building a Habit Tracker App
Favicon
Just git it!
Favicon
Planning for 2025
Favicon
Navigating 2025: My Tech Predictions
Favicon
Evolution By Sound
Favicon
Weekly Planner - API
Favicon
Amazon Product Finder
Favicon
My Journey to 2025: Reflections, Plans, and Predictions
Favicon
Finding the Perfect Destination in 24 Hours: My GitHub Copilot 1-Day Build Challenge Experience
Favicon
GitHub Copilot One Day Build Challenge: New Beginnings: An Integrated Productivity System
Favicon
Code Feeds for GitHub - AI Generated Instagram-style feeds
Favicon
πŸš€ Weekly Angular Challenge: Two Projects a Week!
Favicon
πŸš€ Weekly Angular Challenge: Two Projects a Week!
Favicon
Labels for any occasion
Favicon
Goal Setter App
Favicon
ZenFlow: Unlock Productivity with Work, Yoga, and Meditation
Favicon
Predicting 2025
Favicon
Compiling 2025
Favicon
SkillBytes - Gamified learning process using AI
Favicon
GitHub Copilot Challenge: Transitions and Transformations
Favicon
2024 Dev Rewind: Breaking Comfort Zones and Embracing the Unexpected
Favicon
Daily Reset - LordGeeOne

Featured ones: