All solutions

Hi everyone!

This was a very fun project and I definitely learned a lot in the process. 🙃

I do have a question for the community on something I could not figure out. I have managed to add the drag and drop functionality to my desktop version using the eventlistener "dragstart" and "dragend". But once I tried to add it to the mobile using "touchmove" and "touchend" (and adjusting the rest of the code accordingly) it didnt work. All the tutorials I could find said that the position of the element had to be set as "absolute". But I as have used the HTML tag "<template>" to create new to-dos all the new submitted tasks where going on top each other and everything very quickly became a hot mess.

I would love to be able to add the drag and drop to the mobile version as well. Does anyone have any advice on how I could accomplish that?

Thank you in advance! Other feedback and comments are always welcomed as well!

Hi everyone!

It took me quite some time to figure out this challenge. I thought it was going to be easier to break it down, but I soon learned that I was mistaken.

The big game changer for me was understanding how to better uses classes with JavaScript. This has opened so many possibilities for problem solving and that was very exciting.

I do have a question for the community: I have chosen to disable the buttons that allow the user to select a percentage, after the first selection is done. But I find that it is quite bad UI that when the user hovers on top of the disabled buttons they would see the changes in the hovering state. I have tried to find a solution to disable the hovering style once the buttons were disabled, but I was not successful. Does anyone have any idea how I could tackle that?

Thank you in advance for your help, comments or feedback!

Hi everyone!

I am so happy to complete this project! It was a challenging experience working with Chart.js, but I am really glad I did it. The documentation is quite easy to read and there is a lot of material about it on Youtube. But it was my first time implementing something like this. This is the most complex project I have been able to complete so far. 😊

I also took the opportunity to also work with the async fetch( ) method to dynamically update the json data that populated the chart.

I had to break my code so many times to get it working and really understand it. Which was nerve wracking but also really fun. 💩

Comments and feedback are always welcome!

Hi everyone!

This was my first time working with an API independently (without following a tutorial). It was quite straightforward and really helped me build confidence to take on bigger challenges with APIs.

My biggest struggle was with the positioning of the button. I am not really happy with how I solved it, and I will look into other solutions to find something more efficient. If you have any advice, I am happy to hear it.

Any feedback is welcomed and appreciated. Thank you in advance!