modern countries api application using vue3, with TS

Community feedback

• 

  Mahmoud Elagamy•1,080

  @Mahmoud-ElagamyPosted 3 months ago

  Great work! I encountered a few issues that could be improved:

  1.The app seems to have difficulty retrieving data for countries with names containing two words separated by a space. For example, Åland Islands is not displaying any information.

  2.When searching for a country in a specific region (e.g., Egypt in Asia), the app could provide a clear message indicating that the country is not available in the selected region.

  3.The light/dark theme button lacks visual feedback when hovered over. Adding a cursor pointer would enhance user experience.

  0

  ---

  

  Bader Idris•2,880

  @Bader-IdrisPosted 3 months ago

  @Mahmoud-ElAgamy thanks a lot for providing your feedback, and that's correct some URLs require more filtering and fixing, but to be honest, I did see that and was lazy about fixing it 😁

  1
• 

  P

  Teodor Jenkler•3,820

  @TedJenklerPosted 3 months ago

  Hi @Bader-Idris,

  Nice project! The shadow effect looks great. However, I noticed a few areas where you could make improvements.

  Your page is responsive, but for projects like this, a grid layout would provide smoother responsiveness. While it works with flex, the card sizing seems a bit off and can look odd when placed side by side. Also, when you search for a country, the background sometimes shows two different colors—something you might want to check out.

  I’d recommend looking into building custom select components since it’s an important skill for a web developer. Adding animations to the cards and select elements, along with hover effects on the children, would also enhance your project.

  While your responsiveness works, there are a few breakpoints where things look off. For example, at 772px, the selected country layout could use some fine-tuning. Overall, you’ve done a great job with the border countries, and your project just needs a few CSS tweaks.

  I hope this feedback helps!

  Best, Teodor

  0

  ---

  

  Bader Idris•2,880

  @Bader-IdrisPosted 3 months ago

  @TedJenkler Thanks for focusing on my work, flex and grid are both awesome, and I used flex over grid here because the set of countries doesn't require complex grid manipulation, thank you so much for being here!

  1