New Rogue game mode! 🎲 Trivia Train Part 6: Svelte 5 & SvelteKit 2 tutorial 🚂 LIVE Coding & Chill 🔴
This week on Trivia Train, we’re GOING ROGUE!
We’ll be adding a new game mode, with elements from the popular Rogue / Roguelike / Roguelite genre! Based on a game that’s even older than I, Rogue, the genre is nowadays more popular than ever! Games such as Balatro, Into the Breach & Hades are smash hits *and* critical darlings, while huge titles like God of War Ragnarök are creating a trend of DLC side-content in that style!
We’ll be dealing with the concept of RNG & runs, single-run “power-ups”, but mostly we’ll be trying to create an infinitely replayable Trivia Game where you strive for the highest score possible 🎰
🚀 Click around the app yourself: https://triviatrain.app
💻 See the code (private repo 😱): https://github.com/johnnify & https://github.com/johnnify/trivia-train
If you’re a beginner, you may want to start with our Portfolio "Paulina Puppers" series, and end up with the same or an equivalent project: • Brand new Fullstack App with Svelte 5...
Check around the channel for more playlists and increasingly complicated tech stack choices 🙌
— JOHNNIFY PREMIUM —
Get this repository AND MORE with Johnnify Premium: https://johnnify.com/premium
— 🙌🙌🙌 —
— COMMUNITY —
Our DISCORD SERVER 👾: / discord
— 🥳🥳🥳 —
— Agenda —
[ ] What are we doing today? A Trivia / Quiz Game Show app?
[ ] New route for our new “challenge mode”!
[ ] Protect the route so only signed-up users can play!
[ ] New database schema for our new mode! `rogueGame` & `rogueQuestions`?
[ ] Seeded randomness in Javascript! https://stackoverflow.com/questions/5... & https://github.com/bryc/code/blob/mas...
[ ] Submitting answers, getting results with our chat like interface! `rogueMessages`?
[ ] Extra lives / health & losing!
[ ] Winning!
— BONUS —
[ ] Choosing “tracks”, answering categorised questions!
[ ] Change app theme as you change the track!
[ ] Power-ups?! Restore health? Skip? Double dip?
[ ] If your score is distance, like KMs travelled, AI generate a “distance covered” final message!
[ ] Final 🥳 DEMO
— NEXT STEPS —
[ ] UI to add rogue questions!
[ ] Multiple choice questions?
[ ] Bosses?!
[ ] Time Rewind power-up!
[ ] Persist high scores!
[ ] Answer timer (hard mode)!
[ ] Countdown to the next quiz!
[ ] SFX: Sound Effects!
[ ] User Settings!
[ ] Sidenav?!
[ ] Drag to re-order questions!
[ ] Optional fun facts after answers!
[ ] Dialog to delete a quiz!
— HAVE FUN —
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
— Highlighted software —
SvelteKit: https://kit.svelte.dev/
Tailwind: https://tailwindcss.com/
Turso: https://docs.turso.tech/introduction
Drizzle ORM: https://orm.drizzle.team/
Fly.io: https://fly.io/
Shadcn-Svelte: https://shadcn-svelte.com/
My own website: https://magrippis.com/
Search for `@jmagrippis` to find me on socials like Instagram & Twitter! And remember our DISCORD SERVER 😉: / discord
Between the comment section and the socials, let me know *somewhere* what you’d like me to cover next 🙌
Stream number 114!
Watch video New Rogue game mode! 🎲 Trivia Train Part 6: Svelte 5 & SvelteKit 2 tutorial 🚂 LIVE Coding & Chill 🔴 online without registration, duration hours minute second in high quality. This video was added by user Johnny Magrippis 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 176 once and liked it 7 people.