demo-todolist-sveltekit-ts-pwa-features Svelte Themes

Demo Todolist Sveltekit Ts Pwa Features

SvelteKit Todo List: a SvelteKit PWA demo

A simple SvelteKit Todo List app that works as a Progressive Web App (PWA) and can function offline

šŸ”— Open live Demo

Tech Stack

  • TypeScript
  • SvelteKit
  • Svelte/Store
  • PWA

Features

  • List/Add/Remove Todos.
  • Service worker configured to cache the built app and any files in static eagerly, and cache all other requests as they happen. This would make each page work offline once visited.

Screenshots

Screen Shot 2023-12-20 at 5 32 17 PM Screen Shot 2023-12-20 at 5 28 29 PM Screen Shot 2023-12-20 at 5 29 53 PM

Installation

First, clone the project and open it with Visual Studio Code:

git clone https://github.com/javigong/demo-todolist-sveltekit-ts-pwa-features.git

cd demo-todolist-sveltekit-ts-pwa-features

code .

Finally, install the npm dependencies and run the application:

npm install

npm run dev

Now the application is running on http://localhost:5173 šŸš€

Deployment details

SvelteKit Todo List deployed using Vercel:

https://demo-todolist-sveltekit-ts-pwa-features.vercel.app/

Top categories

Loading Svelte Themes