Skip to content
Submitted over 3 years ago

ReactJS site using CSS Grid and Flexbox for responsive layout

Bruno Guirra•40
@brGuirra
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...REST Countries API with color theme switcher
  • HTML
  • CSS
  • JS
  • API
4advanced

Design comparison

SolutionDesign

Solution retrospective

I would appreciate any feedback of the code. It was my first project after studying React 😅

Community feedback

  • Roc Tanweer•2,500
    @RocTanweerPosted over 3 years ago

    Hello 👋

    Can I make this with just vanilla javascript?

    I am just facing problem with url handling...

    1. I will make ajax call right when a user visits and display all the countries
    2. When user clicks on any card, then I can change the url and make another ajax call and display the details of that country by changing the content of the homepage
    3. User can also come back to home page by clicking on either back button of app or browser
    4. But If user shares a modified url to someone else and that person paste it in his browser then he will get error, right?

    My question is how you managed it? Since it is an SPA, you can't have multiple page and thus user can't make a request on any page other than the homepage

    Please help....🙏

    0

Please log in to post a comment

Log in with GitHub

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