All solutions

For this project I decided that I need to get comfortable with new technologies. So I built this project with React and SASS. Beacuse of React this took way too long, and right now I don't see any benefit of using react, but SASS is a life changer. I admit, I didn't replicated well enought the design, but that was beacuse I got overwhelmed by React and I just wanted to finish this damn project. I know for sure that with vanilla js a could have written this way quicker, but that is probably beacuse I don't know React well enough, since everyone is praising React. Other than React I had no problem building this app.

Overall the problems with this solution:

• design is not 100%
• React code is probably a mess and have a bunch of mistakes

But:

• every functionality works
• I challanged myself with React and SASS wich is a big step, since this is the first project built with non-vanilla JS/CSS

This was a pretty fun project up until the end! I had a a very anoying problem wich I have learned a lot from. The problem was that I did not realised that screan scaling is affecting the deisgn, so I was working in 100% and not the most common 125% so I had to write a line of js that changes the html's font size, but than I started getting CORS errors even tough there is not a line of assyncronous code. Than I realised only in one of my google accounts produce the problem, even tough they all have the same extensions. But yeah the resacling meases up the transition properity so some of those effects don't work if you have 125% scaling.

Does anyone know what could cause the CORS errors even tought I deleted every extensio? It sure that its not my code sinc it works in incognito mode, on vm (even in the account its not working on host), other accounts and basicly anywhere.

This was a fun project! I think this is a good solution, but it has many flaws, like:

• not so good css management
• some html tags are not the best posible
• not well optimised for screen readers
• and not always matches the design 100%

But it's:

• responsive
• pretty accourate
• works as intended

Helped me learn:

• what I have to look out for next time when starting a project
• lot about css
• makeing a website using webpack
• and a lot more

Thanks for this amazing project! I would be thankful for comments that helps me to make my next project even better.

*Edit: background images don't load in for some reason on github, if you want to see the best version of the solution visít pbalazsdev.com