Baby Tamagotchi with Vue & Xstate ft Kevin Cunningham - Colbyashi Maru

Learn how to build a newborn baby tamagotchi using Vue and Xstate while listening in on some bad Dad Jokes.

🧐 What’s Inside

  • 0:00:00 - Intro Colbyashi Maru
  • 0:00:12 - Welcome Kevin Cunningham
  • 0:00:44 - What to expect from Colbyashi Maru
  • 0:01:11 - Tools we’ll use like Vue.js and Xstate
  • 0:02:45 - Designing baby emotion state and actions with Xstate Viz
  • 0:11:50 - Starting a new Vue.js app with vue CLI
  • 0:24:00 - Setting up Xstate state management in Vue
  • 0:31:02 - Triggering Xstate actions with custom buttons
  • 0:38:10 - Dynamically showing different images for baby emotions with computed values
  • 0:44:55 - Adding more baby states and actions
  • 0:50:30 - Using a tamagotchi style image to display baby app
  • 1:01:50 - Reviewing completed project
  • 1:02:59 - Outro

Source Code: https://github.com/doingandlearning/baby-tamogatchi

Kevin Cunningham
https://twitter.com/dolearning

Kevin’s Courses
https://egghead.io/courses/headless-wordpress-4a14?af=atzgap
https://egghead.io/courses/the-beginner-s-guide-to-vue-3-1c46da8b?af=atzgap

Subscribe on Twitch to catch the next one live!
https://twitch.tv/colbyfayock​​

More Colbyashi Maru episodes
https://www.youtube.com/playlist?list=PLFsfg2xP7cbKHt4vRvmy9f5DgBXQIeCah

🧰 Resources

Vue
https://vuejs.org/

Xstate Viz
https://xstate.js.org/viz/

Xstate
https://xstate.js.org/

🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?sub_confirmation=1

🐦 Get updates straight to your Twitter @colbyfayock
https://twitter.com/colbyfayock

📸 Catch the next stream live on Twitch @colbyfayock
https://twitch.tv/colbyfayock

✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/

💝 Sponsor me for more free content like this!
https://github.com/sponsors/colbyfayock

👨‍🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com

🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/what-i-use

🎼 Music
StreamBeats
https://www.streambeats.com/

#vue #web-development #webdev

Baby Tamagotchi with Vue & Xstate ft Kevin Cunningham - Colbyashi Maru