All solutions

What are you most proud of, and what would you do differently next time?

For the first time, I implemented dark mode in one of my applications. I'm happy to have achieved this. Additionally, I had the opportunity to work with APIs. Although I still don't have much knowledge about APIs, I will work to write better GET and POST requests next time.

What challenges did you encounter, and how did you overcome them?

At first, I didn't know how to add the dark and light theme feature. I was worried that this feature would be very challenging. However, I realized that I could create variables with CSS. I created two classes called light-theme and dark-theme and defined my colors as variables within them. Then, I switched between these classes using a button, and the problem was solved.

What are you most proud of, and what would you do differently next time?

I completed this challenge with a design almost identical to the one in Figma. I am proud of myself for that. But my codes are so confusing. I am going to learn clean code techniques.

What challenges did you encounter, and how did you overcome them?

I didn't know how can i control inputs. I was only asking users to enter numbers. Then i realized input tags have onInput attribute. Then i wrote this function:

function inputControl(e){
        e.target.value = e.target.value.replace(/[^0-9]/,'');
    }

I made sure that users could only enter numbers with this function.