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

All comments

  • yishak abrham 2,150

    @yishak621

    Submitted

    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!

    @yanyan-alien

    Posted

    Hi!

    Congrats on completing this!👍Cool animations on the theme switcher button and the back button! ✨Also props to you for thinking of having a back to top button on this very long site

    These are some of the stuffs I noticed when browsing through your live site:

    1. After the user sets the page to dark mode and clicks on a particular country detail, the page will be back to light mode. Maybe you can use localStorage.getItem() and localStorage.setItem() to store and retrieve the set theme
    2. The sticky navigation bar doesn't occupy the whole screen width when the screen is wide (eg. 1400px)

    Good luck! 🎉

    Marked as helpful

    1
  • @hamdihismail

    Submitted

    This was my first Junior level challenge. Took me longer than expected. I know it probably isnt the most efficient code but hopefully I will continue to get better. Please feel free to comment and give me tips on areas I can improve.

    @yanyan-alien

    Posted

    website not taking the full width of the screen

    0