heloo community
Even if building a web app is easy with frameworks i used pure Javascript tools to build this webapp. i used module type JS to enable building different components(9) of JS and combining them in to one JS file. crucial components
- formatNum.js/formating population number
- setCountry.js/adding the clicked country name in to local storage(enable to acess it after we are redirected to the single country page)
Cool methods
1 - using ...new Set
method to return the unique values from the data[in these project to grab the unique continents ] instead of using reduce method its easy
2 -format number --recive a number and format it to the thousends formats
function formatNum(number) {
let nf = new Intl.NumberFormat('en-US');
nf = nf.format(number);
return nf;
}
3 - Object.values(objname)[index]
method to grab the first item of object from the teration, even if the property name is not consistent for all of iterable objects
const newnativeName = Object.values(nativeName)[0].official;
finally
i do my best to make it responsive and it looks good for me ....as usual if u have a better way of doing these project please leave a comment ....and also if u have difficulties doing these project u can refer my codes i elaborate details of it as a line comment in JS.. Thank U!