Creating an onboarding tour with svelte-motion in SvelteKit

User onboarding can be hard. By having a nice little tour, we can make it easier for our users to get to know our application. With svelte-motion, it makes it easy to build a very simple tour that allows are users to follow along and learn how to user our application.
šŸ¤Æ Support
  • https://www.patreon.com/davidwparker
  • https://www.buymeacoffee.com/davidwparker

ā±ļø Timestamps:
  • 00:00 - Introduction
  • 00:26 - Demo
  • 01:25 - code changes- stores, Nav.svelte
  • 04:33 - TourStep.svelte

šŸ’Œ Newsletter:
  • https://www.programmingtil.com/

šŸŖElsewhere:
  • Twitter: https://twitter.com/davidwparker
  • Twitter: https://twitter.com/programmingtil
  • GitHub: https://github.com/davidwparker

šŸ’­Concepts:
  • Svelte Motion "Tour"

šŸ“šResources:
  • https://github.com/davidwparker/programmingtil-svelte/tree/ep33
  • https://svelte-motion.gradientdescent.de/

šŸŽ¬ Subscribe!
  • http://bit.ly/subdavidwparker

My name is David W Parker and Iā€™m creating and publishing videos on ProgrammingTIL to help teach anyone and everyone who wants to code. Iā€™m a huge fan of Ruby on Rails, Svelte, TailwindCSS, and WebGL. Iā€™ve used React a lot in the past, as well as some Vue and AngularJS. Iā€™ve done some professional Python and Django. I like to create real applications and my tutorials will walk you through how to build something real from beginning-to-end.

svelte #sveltekit

Ā© programmingtil.com