TodoApp-Svelte Svelte Themes

Todoapp Svelte

Simple TodoApp to learn about Svelte

Todo App

This project is a basic Todo App, it is my first project using Svelte.

Features

  • See list of todos
  • Create a todo
  • Delete a todo
  • Mark todo as completed
  • Filter todos by status : all todos, active todos or completed todos
  • Mark all todos as completed
  • Unmark all completed todos
  • Delete all completed todos
  • Status bar to show number of todos completed out of all
  • Edit a todo

To Add

  • CSS styling

Get started

Note that you will need to have Node.js installed.

Install the dependencies...

git clone https://github.com/TanguyLichau/TodoApp-Svelte.git
cd TodoApp-Svelte
npm install

...then start Rollup:

npm run dev

Navigate to localhost:8080. You should see your app running. Edit a component file in src, save it, and reload the page to see your changes.

By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the sirv commands in package.json to include the option --host 0.0.0.0.

If you're using Visual Studio Code we recommend installing the official extension Svelte for VS Code. If you are using other editors you may need to install a plugin in order to get syntax highlighting and intellisense.

Top categories

Loading Svelte Themes