🌍 World Atlas

[Live Demo : https://world-atlas-black-xi.vercel.app/country]

A modern, responsive web app built with React + Vite and Tailwind CSS, using a REST Countries API to let users explore information about countries globally.

---

🚀 Features

• 🔎 Search & Filter — Quickly find countries by name or region
• 🌑 Dark / Light Mode — Toggle theme for better readability
• 🌐 Country Details — View capitals, population, languages, currencies, flags & maps
• 📱 Responsive Design — Works seamlessly across mobile, tablet & desktop
• 🔄 Live Data Fetching — Uses REST API for real-time country data

---

🧱 Tech Stack

Layer	Technology
Frontend	React with Vite
Styling	Tailwind CSS
Data	REST Countries API
Routing	React Router DOM
Hosting	Vercel

---

📝 Usage

Clone & Install

git clone https://github.com/Akashchoudhary01/world-atlas.git
cd world-atlas
npm install

Run in Development Mode

npm run dev

Build & Deploy

npm run build

Use dist/ for deployment. Already hosted at

https://world-atlas-black-xi.vercel.app/country

---

🎨 Usage Examples & Screenshots

Add screenshots or GIFs here e.g.

• Search page
• Country detail page
• Dark mode vs Light mode

---

src/ ├── App.jsx ├── index.jsx ├── components/ │ ├── Header.jsx │ ├── Footer.jsx │ ├── CountrySearchFilter.jsx │ └── CountryCard.jsx ├── pages/ │ ├── Home.jsx │ ├── Country.jsx │ └── Contact.jsx ├── hooks/ │ └── DarkLight.js └── assets/ ├── logos/ └── images/

👤 Author

Made with ❤️ by Akash LinkedIn

---

📄 License

This project is free to use and modify — feel free to adapt it for your own learning or projects.

---