Country Information App

This project is a web application that displays information about countries around the world. It fetches data from the REST Countries API and displays it in a user-friendly interface.

Features

• Filterize by Region: Toggle options using a dropdown menu.
• Country Cards: Display country information in card format.
• Dark Mode: Toggle between light and dark modes.
• Detailed Country Information: View detailed information about a country by clicking on a country card.

Files

• index.html: The main HTML file that includes the structure of the homepage.
• app.js: Contains the main JavaScript code for fetching and displaying country data, handling dropdown menu, and dark mode.
• style.css: The main stylesheet for the project.
• detailed-cards/inf.html: The HTML file for displaying detailed information about a selected country.
• detailed-cards/inf.js: Contains JavaScript code for fetching and displaying detailed country information.
• detailed-cards/inf.css: The stylesheet for the detailed country information page.

Usage

1. Clone the repository.
2. Open index.html in your browser to view the homepage.
3. Click on any country card to view detailed information about that country.

Dark Mode

You can toggle dark mode by clicking on the moon icon in the navigation bar.

API

This project uses the REST Countries API to fetch country data.