svelte-todo-app Svelte Themes

Svelte Todo App

A Todo app using Svelte and Tailwind CSS

Svelte + Tailwind CSS TODO App

This is a simple TODO application built with Svelte and styled using Tailwind CSS. The app allows users to add, toggle, and delete tasks. It demonstrates the basics of Svelte's reactive variables, component structure, and event handling.

Features

  • Add TODO: Input a task and add it to the list.
  • Toggle Completion: Click on a task to mark it as completed/incomplete.
  • Delete TODO: Remove a task from the list.
  • Responsive Design: Clean, responsive UI using Tailwind CSS.

Getting Started

Prerequisites

Make sure you have Node.js and npm installed on your machine. You can download Node.js from here.

Installation

  1. Clone the repository

    git clone https://github.com/asimshazad/svelte-todo-app.git cd svelte-todo-app

  2. Install dependencies

    npm install

  3. Run the development server

    npm run dev

    The app will be available at `http://localhost:5173\`.

Top categories

Loading Svelte Themes