Build a To Do List With SvelteKit 1.0 (Beginner SvelteKit 1.0 Tutorial)
🎓 Join my learning platform for module based courses, learning exercises, and more: https://coderprep.com/
In this video, we will be building a to-do list application using the brand new SvelteKit 1.0. SvelteKit is a powerful and easy-to-use framework for building web applications. We'll start by setting up a new SvelteKit project and installing the necessary dependencies. Next, we'll create a basic layout for our to-do list and add some sample data. Finally, we'll implement the ability to add and remove items from the list and save our changes to our Svelte script. By the end of this video, you'll have a fully functional to-do list application built with SvelteKit 1.0.
Final code: https://github.com/coopercodes/Svelte...
Business inquiry? Email [email protected]
0:00 Project showcase
0:57 Create SvelteKit 1.0 project
2:52 Add Pico CSS styling
3:37 Creating HTML / CSS styling
6:44 Creating script with toDoList
7:30 Loop through ToDos with Svelte
8:30 Adding Svelte logic for editing / deleting
15:10 Adding ToDo with Svelte text input
17:02 Thanks for watching!