/REST-Countries-API-with-color-theme-switcher

Primary LanguageJavaScript

🌍 Country Explorer

Country Explorer is a web application built with HTML, CSS, and JavaScript, utilizing the REST Countries API. This app allows users to explore countries from around the world with features like region-based filtering, country search, and detailed country information. The website also supports both dark mode and light mode with smooth transitions for an enhanced user experience.

Screenshot of the Country Explorer

💻 WebSite

https://contries-api-111.netlify.app

🚀 Features

  • Display All Countries: Browse all countries with their flags and basic information.
  • 🔍 Search Functionality: Quickly find a country by typing its name.
  • 🌍 Region Filtering: Filter countries based on their region (e.g., Africa, Americas, Asia, Europe, Oceania).
  • 📄 Detailed Country Page: Click on any country to view detailed information, including:
    • Official Name
    • Capital
    • Population
    • Area
    • Borders
    • Native Name
    • Currency
    • Language
    • Flag
  • 🌙 Dark Mode & ☀️ Light Mode: Seamlessly switch between dark and light themes with smooth transitions.

📦 Getting Started

Prerequisites

Make sure you have a modern web browser installed to run the application.

🛠️ Technologies Used

  • HTML: Structure of the web pages.
  • CSS: Styling with responsive design and theme switching.
  • JavaScript: Logic for fetching data from the REST Countries API and dynamically updating the UI.
  • REST Countries API: Provides data on countries, including names, flags, and various statistics.

🎨 Design & UX

The user interface is designed to be intuitive and responsive, offering a pleasant experience whether in dark or light mode. Smooth transitions between themes and a focus on usability ensure that users can easily find and learn about any country.

📚 REST Countries API

The application fetches country data from the REST Countries API, making it easy to access detailed information about every country in the world.

🎉 Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to improve the project.

📄 License

This project is licensed under the MIT License

💬 Contact

If you have any questions or suggestions, feel free to reach out:

Screenshot of the Country Explorer

Happy exploring! 🌍