Simple Todolist

A simple to-do list application built as a Svelte learning project. This app provides a clean and intuitive UI, allowing users to add and remove tasks easily. While it's a basic application, it demonstrates the fundamentals of Svelte with TypeScript and uses Shadcn/UI and Lucide icons for design.

Features

  • Add Tasks: Quickly create tasks by typing into the task input area and pressing Enter.
  • Remove Tasks: Remove any task with a single click for efficient list management.
  • Keyboard Shortcuts:
    • Start typing anywhere on the page to focus on the task input area.
    • Press Escape to defocus from the task box.

Technologies Used

  • Svelte & TypeScript: The core framework and language for this app.
  • Shadcn/UI: For UI components.
  • Lucide Icons: For clean and minimalistic icons.
  • Bun & Vite: To enable fast development and efficient bundling.

Installation

To run this project locally, follow these steps:

  1. Clone the Repository:
git clone https://github.com/your-username/simple-todolist.git
cd simple-todolist
  1. Install Dependencies:
bun install
  1. Run the Development Server:
bun dev

The app should now be running at http://localhost:5173.

Limitations

  • No Persistence: Tasks are not saved across sessions.
  • Basic Functionality: This project is designed as a Svelte demo and includes only essential features.

Usage

This app is intended as a simple task manager that demonstrates Svelte's capabilities. It’s a suitable starting point for anyone looking to build a basic to-do app and expand on it. License


This project is licensed under the GNU General Public License v3.0

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes