ReactJS site using CSS Grid and Flexbox for responsive layout

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....🙏