Country Information

This project is a Country Information application that allows users to search for a country and view detailed information about it. The application includes features such as region filtering, pagination, and a modal with a link to the country's Wikipedia page. It also features particle animations in the background for visual enhancement.

Features

• Search for a country and display detailed information.
• Filter countries by region.
• Pagination to navigate through the list of countries.
• Modal with detailed country information and a link to the country's Wikipedia page.
• Particle animation background.
• Dynamic background color changes.
• Responsive design.

Technologies Used

• HTML
• CSS
• JavaScript
• REST Countries API for country data
• Particles.js for particle animation

Installation

1. Clone the repository:

   git clone https://github.com/Anthony01M/country-info.git

2. Navigate to the project directory:

   cd country-info

3. Open index.html in your browser to view the application.

Usage

1. Enter a country name in the search input field to filter the list of countries.
2. Use the region filter dropdown to filter countries by region.
3. Navigate through the list of countries using the pagination controls.
4. Click the "More Info" button on a country card to view detailed information in a modal.
5. Click the "View on Wikipedia" button in the modal to open the country's Wikipedia page in a new tab.
6. Enjoy the particle animation background and dynamic background color changes.

License

This project is licensed under the MIT License. See the LICENSE file for details.

---

This project is part of my portfolio. Feel free to check out my other projects on GitHub.