Return of the Rogue 🎲 Trivia Train Part 7: Svelte 5 & SvelteKit 2 tutorial 🚂 LIVE Coding & Chill 🔴
For lucky number 7 part of this series, we’ll be tackling our new game mode once again!
We hit a few snags last time, but we’re re-rolling and hoping to go all the way today 😄
As are reminder, our new game mode will still be trivia themed, but have 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?
[ ] Play today’s new quiz 😄 https://triviatrain.app/play
[ ] New Game Map, and rendering the first question with our chat like interface!
[ ] “Resume Game”, don’t always create a new one!
[ ] Submitting answers, getting results: with 🥳 confetti!
[ ] Extra lives / health & losing!
[ ] Handling “switch-track” nodes!
[ ] Winning!
— BONUS —
[ ] Change app theme as you change the track (category-based theming)!
[ ] Choosing “tracks”, answering categorised questions!
[ ] Power-ups?! Restore health? Skip? Double dip?
[ ] If your score is distance, like KMs travelled, generate a “distance covered” final message!
[ ] Final 🥳 DEMO
— NEXT STEPS —
[ ] UI to add rogue questions!
[ ] Map view!
[ ] Multiple choice questions?
[ ] Bosses?!
[ ] Time Rewind power-up!
[ ] Persist high scores!
[ ] Quick “abort run” (derail train!)!
[ ] 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 115!
Смотрите видео Return of the Rogue 🎲 Trivia Train Part 7: Svelte 5 & SvelteKit 2 tutorial 🚂 LIVE Coding & Chill 🔴 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Johnny Magrippis 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 147 раз и оно понравилось 4 людям.