Design comparison
Solution retrospective
This is the second challenge where I've implemented Angular, and unlike the last challenge, this one was big.
This challenge helped me to get a handle on a lot of staff in Angular. Unlike other frameworks, it has a steep learning curve, but I have so far enjoyed using it. The best way to learn new technology is indeed jumping into building staff with it.
The biggest challenge that I came across when completing this challenge was getting everything to be as close to the design as possible. The overall styling was also a lot of work, and I hope to pick up a different styling approach, such as Tailwind, seeing as it's very popular. Using Angular I added router animations, which is something I found very interesting to do. The background image implementation seemed to be a tricky one seeing as it's a different one for each page, but using Angular to keep track of the route and apply a class to the body seemed to be the best approach rather than adding the images manually on every page.
There are a lot of improvements that can be done, like the images seem to be very slow, so when switching routes/tab there tend to be a delay before they change. There's also some other things I wanted to implement but couldn't because of my limited knowledge with Angular.
Nevertheless, this was a fun one and it came out better than I had anticipated. Feel free to check it out and leave your thoughts.
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord