SEW | Todo App extended
As a user, I want to be alerted if my input exceeds a certain character limit, so I can ensure my TODOs stay within acceptable length.
- A watcher is implemented in the form component to monitor the character count of the input.
- If the character count exceeds 50 characters, a warning message is displayed to the user.
- The warning message should be clear and informative, indicating the character limit has been exceeded.
As a user, I want my previously saved TODOs to be loaded automatically when the app starts.
- Newly created TODOs are saved to localStorage.
- On app load, saved TODOs are retrieved from localStorage
As a user, I want the textarea to automatically gain focus when the TODO-taking component loads, so I can start typing immediately.
- The textarea is automatically focused.
As a developer, I want to have a flexible and reusable TODO component.
- The component should allow different content to be passed through the slots, making it reusable in various contexts.
As a user, I want smooth visual transitions when TODOs are added or removed from the list, to enhance the app's user experience.
- Fade-in and fade-out transitions are applied to TODOs when they are added or removed.