All solutions

My solution for the multi-step form. I decided to code it first using only Vanilla JS because I knew it was gonna be more challenging and definitely it was! Understanding React and knowing how easy the conditional rendering works with it just made me realize how difficult it is in javascript! It was a good practice, but I can't wait to redo this challenge with React.

I am unsure about some parts of my code and I know I need to refactor because I feel like there were points where I was repeating myself...!

I also need to improve the Monthly/Yearly toggle, for some reason I couldn't figure out how to make it so I ended up with a regular checkbox, not at all close to the real solution...

Since I've never done a calculator app and thought it was about time, I choose this challenge as my very first at Frontend Mentor. It's been a long time since I used Vanilla JavaScript, so this was a good practice.

About the styling, it was very useful to have the style guides so that I don't spend a lot of time thinking about color, fonts and so on... However, I DID spent time setting the classes for the three different themes. At first I was using CSS, but I switched to SCSS so that I can reduce the number of lines. Also, the toggle element was tricky so I had to do a little of research online to figure out how to make it...!

Also, I added some code to display the current numbers and the operator on the top on the screen, not only the final result.

Problems I had with this challenge At first I used Webpack to bundle the JS code but I was having problems to deploy it, so I decided, just for this time, to compile the code with a simple cat command. I know it is not the optimal solution, so I will definitely solve this problem and post it as another solution!