🌍 World Atlas — React + Tailwind CSS + React Router + Axios

|| VISIT SITE : https://worlds-atlas.netlify.app/ ||

A fast, responsive World Atlas web app built with React, Tailwind CSS, React Router DOM, and Axios. Browse countries, search by name, filter by region, sort by population/area, and view rich country details (flags, capital, population, currencies, languages, and border countries).

|| HOME PAGE ||

|| About PAGE ||

|| Country PAGE ||

|| Contact PAGE ||
✨ Features

Country List + Infinite/Chunked Loading for speed

Search by country name (debounced)

Filter by region (Africa, Americas, Asia, Europe, Oceania, Antarctic)

Sort by Population / Area / Name (asc/desc)

Country Details Page with: flag, capital, native name, subregion, population, area, currencies, languages, timezones, calling code, TLD, UN member, border countries (clickable)

Dark/Light Theme Toggle (system-aware)

Client-side Routing with React Router

API Integration using Axios (REST Countries v3)

Mobile-first responsive UI with Tailwind

🧱 Tech Stack

React (Vite)

Tailwind CSS

React Router DOM

Axios

Optional: Framer Motion (微 animations), React Icons