🌍 World Atlas

Welcome to the World Atlas project! This is a modern, responsive React-based web application that allows users to explore detailed information about countries around the globe.

✨ Features

• Country Explorer: Browse all countries and their flags in an elegant grid layout.
• Search Capabilities: Find specific countries easily using a dynamic search bar.
• Sorting: Filter countries in ascending and descending alphabetical orders.
• Detailed Country Views: View in-depth details of any country including Population, Region, Capital, Languages, Currencies, and Sub-regions.
• Fast & Responsive: Fully responsive UI tailored seamlessly for mobile, tablet, and desktop viewing.

🚀 Technologies Used

• Framework: React 19 + Vite
• Styling: Tailwind CSS
• Routing: React Router DOM (v7)
• API: REST Countries API
• Forms & Validation: Formik & Yup
• Icons: React Icons
• HTTP Client: Axios

📦 Installation & Setup

If you want to run this project locally, simply follow these steps:

1. Clone the repository:

   git clone https://github.com/SwarajPrajapati2006/World-Atlas.git
   cd World-Atlas

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open in browser: Navigate to http://localhost:5173 to explore the atlas.

🛠 Project Structure

• src/components: Reusable UI components.
• src/pages: Distinct application views (Home, About, Country, CountryDetail, Contact).
• src/api: Axios integration and endpoints.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

---

Crafted with passion for exploring the world. 🌎