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