1st Iteration for "what looked like easy" challenge. 🥲

To fast track, my pace in WebDev jumped to intermediate challenge blindly. Somehow I was able to complete it, will revisit this challenge with more JS exp. Lessons learnt:

1. Code Quality started to degrade as more DOM manipulations were added. 1.a. Trying Typescript without knowing the type system and JS can hurt the speed and motivation.
2. Designing the JS event listener is a must, tried bubbling up events which helped to reduce the number of event listeners.
3. State Management is pain, need to keep updating data.
4. HTML templates are useful, each template must do only one thing, use 2-3 templates to build main containers.
5. Init state of JS is way more important than expected.
6. I also reached somehow limit of CSS in single file, it creates more clutter both in css and js. will use modules next time.
7. One more feature is yet to complete.

Only way I was able to somehow compelete it (hope so), is that breaking problems into tasks and completing it each day. More complex the challenge more breaking it down is needed.