Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Space tourism website using Angular

#angular#animation#sass/scss
Tee• 190

@thulanigamtee

Desktop design screenshot for the Space tourism multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

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 GitHub
Discord logo

Join 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