https://github.com/rocco-gossmann/sveltehelloworldtodos

A completely overenginered Todo-App, Offering Tagging, Data Im- and Export as well as Optional Encrypted Data-Storage via a Password. (Also, the obligatory App everybody needs to build when testing a new Framework ;-) )
https://github.com/rocco-gossmann/sveltehelloworldtodos

app json-export json-import offline pwa svelte todo-app web-cryptography

Last synced: about 1 month ago
JSON representation

A completely overenginered Todo-App, Offering Tagging, Data Im- and Export as well as Optional Encrypted Data-Storage via a Password. (Also, the obligatory App everybody needs to build when testing a new Framework ;-) )

• Host: GitHub
• URL: https://github.com/rocco-gossmann/sveltehelloworldtodos
• Owner: Rocco-Gossmann
• License: mit
• Created: 2023-03-11T05:27:45.000Z (over 3 years ago)
• Default Branch: 1.3
• Last Pushed: 2023-06-13T03:11:03.000Z (about 3 years ago)
• Last Synced: 2025-03-23T17:36:45.911Z (about 1 year ago)
• Topics: app, json-export, json-import, offline, pwa, svelte, todo-app, web-cryptography
• Language: Svelte
• Homepage: https://rocco-gossmann.github.io/SvelteHelloWorldTodos/
• Size: 1.66 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# HelloWorld Todos

Todo Apps are kind of the "Hello World" when learning a new Framework

Use it yourself here => https://rocco-gossmann.github.io/SvelteHelloWorldTodos/

## Purpose

Help me to learn:

- The ins and outs of Svelte and npm

- How to best approach PWA development (Offline storage etc.)

- the transition from Javascript to TypeScript

## Roadmap

### Step 1 - Basics

- ✔️ Get a basic Todo App interface going

- ✔ Store Todos in LocalStorage

- ✔ Making the App Offline available (ServiceWorker)

### Step 1a - Make things look good

- ️✔ Find a better way, to send Toasts / Messages to the client (Alert Sucks)

- ✔ add some Font Awesome Goodness

- ✔ Animations

### Step 2 - More than a Todo List

- ✔ Setup IndexedDB => Store Todos there

- ✔ add Tags

  - ✔ assign tags 

  - ✔ filter todo list by tag

  - ✔ remove tags from todos

  - ✔ add more tags to existing todo

  - ✔ remove tags from app

### Step 3 - Security and Portability

- ✔ Figure out Encryption via WebCrypto-API

  - ✔ change how tags are identified, to make them encryptable, without them giving away their content

  - ✔ Add "Locking" and "Unlocking" mechanisms to the APP

    - ✔ encrypt Tags in the database

    - ✔ encrypt TODOs in the database

- ✔ export encrypted JSON containing all todos and tags 

- ✔ import encrypted JSON and restore IndexedDB from it