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

REST Countries API with color theme switcher

@SidathDabare

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


Hello devs i really enjoyed this challange. I really expect feeback from you guys ?

Community feedback

Saad Hisham 1,750

@Saad-Hisham

Posted

great work✨ I believe that the project is almost perfect I have a small tip that may help you make it better since the API provides the population as just a number you need to format it with a comma after every number field To format the population numbers returned by the API with commas, we can use regular expressions. Here's an example of how to use regex to add commas to the population number:

// Convert the population number to a string and replace any non-numeric characters with the letter 's'

const value = country.population.toString().replace(/[^0-9]/g, 's');

// Add commas to the population number at every thousandth place
const formattedValue = value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');

In the first line of code, we convert the population number to a string using toString() and then replace any non-numeric characters with the letter 's' using replace() and a regular expression.

In the second line of code, we use another regular expression with replace() to add commas to the population number at every thousandth place.

I hope this explanation is helpful. Keep up the great work🔥

Marked as helpful

1

@SidathDabare

Posted

@Saad-Hisham Thank you for your kind words and the suggestion to improve the project! I'm glad that you found the solution helpful. The code snippet you provided is indeed a great way to format population numbers with commas. Regular expressions are powerful tools for pattern matching and manipulation in strings, and they can be very useful in scenarios like this. I appreciate your feedback and encouragement. 🔥✨

1
Mukwende 1,370

@mukwende2000

Posted

Nothing to comment other than great job. It look amazing and the functionality is all working as expected.

Marked as helpful

1

@SidathDabare

Posted

@mukwende2000 I appreciate your feedback and encouragement! 🔥✨

0

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