intermediate

Building a Reactive Kanban Application using Svelte

Software Engineering

Build a production-ready Kanban board with Svelte 5 and SvelteKit. Progress from core UI components and reactive state with Runes to persistence, theming, drag-and-drop, routing, server-side rendering, and full accessibility—mastering modern Svelte through one evolving application.

See courses

Verified skills you'll gain

INTERMEDIATE

Page Layout and Rendering with SPAs

DEVELOPING

State Management and Dynamic Interactions

Tools you'll use

CSS

HTML

JavaScript

Svelte

Trusted by learners working at top companies

Turn screen time into skills time

Practice anytime, anywhere with our mobile app.

Join the 1M+ learners on CodeSignal

Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal

Build the core UI for a Kanban task board with Svelte 5's component system. Learn to structure a Svelte app, create reusable components with proper props, implement responsive design, and add polish with CSS transitions—all using accessible, semantic HTML.

Course 2

Building A Kanban Board: Basic State Management with Runes

4 lessons

17 practices

Learn state management with Svelte 5's Runes API. Build a task system that adds tasks and moves them between columns while mastering reactive programming, derived values, and two-way data flow. These fundamental patterns form the foundation for more complex applications.

See details

Course 3

Advanced State Management and Persistence

5 lessons

20 practices

Add data persistence and advanced state operations to your Kanban board. Learn to save state to localStorage with $effect, implement task deletion with confirmation, handle async operations, and add robust form validation—building apps that gracefully handle errors and edge cases.

See details

Course 4

Advanced UI Features and Theming

5 lessons

26 practices

Polish your Kanban app with professional UI features and a full theming system. Build a notification system, add loading indicators and empty states, and create light, dark, and sepia modes with persistence and system preference detection for a great user experience.

See details

Course 5

Advanced Interactions and SvelteKit Features

3 lessons

14 practices

Take your Kanban app to production level with fluid drag-and-drop and SvelteKit's powerful features. Learn to build intuitive drag interactions, implement routing for multiple views, optimize with server-side rendering, and make the app fully accessible with keyboard support.

See details

From our community

Hear what our customers have to say about CodeSignal Learn

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

I love that it's personalized. When I'm stuck, I don't have to hope my Google searches come out successful. The AI mentor Cosmo knows exactly what I need.

Faith Yim

Software Engineer

+14

It's an amazing product and exceeded my expectations, helping me prepare for my job interviews. Hands-on learning requires you to actually know what you are doing.

Alex Bush

Full Stack Engineer

I'm really impressed by the AI tutor Cosmo's feedback about my code. It's honestly kind of insane to me that it's so targeted and specific.

Abbey Helterbran

Tech consultant

I tried Leetcode but it was too disorganized. CodeSignal covers all the topics I'm interested in and is way more structured.

Jonathan Miller

Senior Machine Learning Engineer

+12

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

From our community

Hear what our customers have to say about CodeSignal Learn

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

I love that it's personalized. When I'm stuck, I don't have to hope my Google searches come out successful. The AI mentor Cosmo knows exactly what I need.

Faith Yim

Software Engineer

+14

It's an amazing product and exceeded my expectations, helping me prepare for my job interviews. Hands-on learning requires you to actually know what you are doing.

Alex Bush

Full Stack Engineer

I'm really impressed by the AI tutor Cosmo's feedback about my code. It's honestly kind of insane to me that it's so targeted and specific.

Abbey Helterbran

Tech consultant

I tried Leetcode but it was too disorganized. CodeSignal covers all the topics I'm interested in and is way more structured.

Jonathan Miller

Senior Machine Learning Engineer

+12

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

Building a Reactive Kanban Application using Svelte

Verified skills you'll gain

Trusted by learners working at top companies

Turn screen time into skills time

Join the 1M+ learners on CodeSignal

Certificate of Achievement

From our community

Other paths you may like

From our community