Where In The World 🌎

LIVE DEMO 🚀

A Frontend-mentor challenge to make ⬇

1. Responsive grid layout
2. Fetch data from rest-api (REST-COUNTRIES-API)
3. Show countries on the homepage
4. Each country should have it's own details page
5. Supports filtering by regions
6. Support Search for a specific country

Tools 🔨

• HTML5

• CSS3

  • Tailwindcss

• Javascript

  • ReactJS
    • Zustand State-Manager
    • React-Router-DOM

Walkthrough the challenge

• The challenge start with small amount of countries then you can ask for more countries, less, or all countries
• You can specifiy any region to see only countries in that region
• Or you can simply search for a specific country, whether globaly or in a specific region

DARK-MODE Desktop

LIGHT-MODE Desktop

DETAILS PAGE

Search for a specific country

Details Page on small screens

Homepage on small screens