Checklist app with SvelteKit and localstorage persistence
Build a checklist todo app using SvelteKit & CSS, featuring local storage persistence to retain user data.
SvelteKit
Tailwind CSS
All-Access
Level 4
Keep track of your daily tasks with a checklist app and quickly see the percentage of tasks completed and in progress.
Your Challenge is to create a personal checklist web application. You should be able to add, edit, and remove list items.
Each list item can be checked or unchecked to mark it as complete or in progress. This change will update a progress bar below the list of items so you can quickly get an idea of how far along you are on the checklist.
Your Challenge is complete when:
The website is as close to the original design as possible
The website is responsive and viewable on multiple screen sizes
Elements have the correct state styles (hover, focus, etc.)
Tasks can be added, edited, removed, and marked complete
Checking or unchecking a task as complete will update the progress bar below the list of items
Build a checklist todo app using SvelteKit & CSS, featuring local storage persistence to retain user data.
SvelteKit
Tailwind CSS
Build a checklist app using React, Zustand for global state management and local storage persistence.
React
Zustand
Vite
Challenges include all the assets you would expect from a designer in real-world projects, plus some resources to help you complete the Challenge.