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: 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: github.com/coopercodes/Svelte...
Business inquiry? Email [e-mail]
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!

[@enzogireaud5244]

Explanations are really clear, you just won a subscriber dude well done !

[@lukemilby7318]

Thank you for making this so simple! I see other svelte todo list tuts that take it another level. This is just straight and to the point about sveltes functionality!

[@CooperCodes]

You are very welcome, thanks for watching :)

[@rekaiadraoui4060]

Thanks a bunch !

[@deema11235]

thanks

[@666Bockwurst666]

love your svelte content. thank you :)

[@ubergraham]

Nice job and welcome to Svelte/SvelteKit!

[@CooperCodes]

Thanks so much! Looking forward to making more tutorials with SvelteKit soon :)

[@damnnn.]

very useful thanks

[@werrutkyupnext]

great video, alot of things I did not understand maybe because I am a noob to even javascript

[@fyfoh]

What a dream come true. I think I can reproduce a react/express app that took a year to make with svelte in a few days.

[@CooperCodes]

SvelteKit is really that powerful. Going to make some more content on it soon :) thanks for watching

[@rowinc1704]

the best video ever that i have watched on svelte . I want to ask one more thing how can you make the todos stay even after a reload of page ? (

[@yahyamohamoud7290]

you require localstorage or a backend database

[@yasayah7289]

Thank you for this. Could you show how to connect this to a postgres db?

[@paulthomas1052]

Very interesting. I have messed around with SvelteKit recently and found this useful. I'm using 'Play' at the moment - any thoughts on this ?

[@CooperCodes]

I haven't messed with Play at all and I'm actually just hearing about it. Personally if I were to start a project outside of the JavaScript ecosystem I would probably use Elixir / Phoenix for the web framework. I have used Elixir professionally and it was a fantastic time. How has using Play been so far?

[@paulthomas1052]

@@CooperCodes Thanks for reply. I'll have a look at Elixir.