svelte-todotica Svelte Themes

Svelte Todotica

Minimalist SvelteKit todo application to explore Svelte 5 basics

Svelte Todo List

A modern, minimalist todo list application built with SvelteKit and styled with Pico CSS.

Tech Stack

  • SvelteKit - Full-stack web application framework
  • Svelte 5 - Component-based UI framework with runes
  • Pico CSS - Minimal CSS framework for semantic HTML
  • TypeScript - Type-safe JavaScript
  • Vite - Fast build tool and dev server
  • Lucide Icons - Beautiful, consistent icon set
  • Bun - Fast JavaScript runtime and package manager

Getting Started

Prerequisites

Make sure you have Bun installed on your system.

Installation

Install dependencies:

bun install

Development

Start the development server:

bun run dev

Or start the server and open the app in a new browser tab:

bun run dev -- --open

The app will be available at http://localhost:5173 by default.

Building

To create a production version of your app:

bun run build

You can preview the production build with:

bun run preview

Project Structure

This project was created with the Svelte CLI (sv):

bun x sv create --template minimal --types ts --add prettier eslint --install bun ./svelte-todo-list

Top categories

Loading Svelte Themes