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

Countries API Project - Angular, Tailwind, Typescript

@dev-jLagunas

Desktop design screenshot for the REST Countries API with color theme switcher coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I am proud that I was able to work Angular and Tailwind again! I was pretty rusty with both of them so this project took me longer than expected. I am also excited that I finally am starting to understand rxjs observables and subjects. I can understand how they are used and how useful they are much more now!

Thoughts I love the speed and the granular control Tailwind CSS gives me but it did feel strange filling my html with a huge number of classes. It also felt less natural now that I have a stronger grasp on SCSS. Nonetheless, Tailwind is awesome and I look forward to using it again!

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

This project was deceptively tricky. I encountered small minor annoyances when trying to find the proper layout to match the design requirements. This also forced me to use more tags than I felt comfortable with. I don't think I kept the best practices in regards to semantic HTML and accessibility so I need to be careful with this for next time.

Also, there were a lot more instances where I needed to access the API data, manipulate it, and display it, than I realized at first. Luckily rxjs came to the rescue here so data manipulation and state management was straightforward.

What specific areas of your project would you like help with?

Not so much help, but I am curious as to why not very many people here use Angular? I know its a bit stuffed for lighter projects such as these, but I find myself quite enjoying working with Angular!

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