All solutions

I have one problem which i could not solve yet - How to open img modal using different thumbnail images. I will always open the first img on modal. And when i have opened the modal and circle trough the images and then close, the order remains the same. If you experiment yourself, you will understand what im talking about. Basically, i want to change the opening modal img whenever i chnage the thumbnail image.

Hey all, I had fun building this project. Javascript was obviously the fun part in this app. At times i had problems writing the logic behind this tip app, but managed to somehow make it work overall. Sometimes i overthinked the solution which made things worse. There are a lot of things i still would change and will still do after submitting this project. I will go through other solutions, to see how i could improve my apps functionality.

My question to community would be:

1. HTML

• what would be the best way of doing the % buttons? In my case, i chose button elements. I assume this could be also done with input element as type=''button''.

1. JS

• the whole app is basically made using if/else statements. What logic would you choose to implement in this app?

The main problem was to figure out how to change data using css. In the end i have managed to do it using html data attributes and css before and after selectors. But i will continue to work on the toggle switch element, because it's not semantically correct, as i was trying different things while coding the solution.

Looking back at the project, the biggest headaches were caused by the blue background img positioning. Would love to hear how other devs would position the background. Any other feedback welcome too.

ChartJs was kinda difficult to wrap my head around because of the syntax they use. Could not figure out to fully customize the chart as needed, Some css postitioning problems, but mainly focusing on js.

Why does the API call on mobile happens instantly, but on desktop version it takes couple seconds to request new call?