Submitted over 5 years ago

REST Countres API with NuxtJS SPA & Vuetensils

@somecallmejosh

A solution to the REST Countries API with color theme switcher challenge

Solution retrospective

Using CSS Grid, CSS Custom Properties, NuxtJS, Axios, and the Vuetensils library. My main goal is to use these frontendmentor.io projects to get some reps in with Nuxt.js. We have adopted it at work, and the more opportunities I have to build things, the better.

I am aware that Nuxt is triggering some HTML validation errors. Since they are non-breaking issues, I'm ok with them. I am happy to receive any constructive feedback regarding performance and accessibility. Would love to keep the conversation positive and useful for people who read the comments thread.

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

Matt Studdert•13,611
@mattstuddert
Posted over 5 years ago
Hey Joshua, awesome work on this challenge. Your solution looks really good! I can't see any issues with the accessibility or performance side. The only slight issue is that some of the flags don't change if you play around with the search and filter. Also, on a purely UI side, you could set a height on the flags and use object-fit: cover so that they're not varying sizes.

I hope you enjoyed the challenge. Keep up the great work!

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