CompletedJavaScriptCSSHTML5
0
Country Information Web Application: API Integration and Frontend Development
A modern frontend project that fetches country data from a REST API, displaying information such as flags, population, and region. Developed with HTML, CSS, and JS.
Category
Frontend
Status
Completed
GitHub Stats
★0⑂0
Created
Dec 25, 2022
Last Updated
Jan 18, 2026
Country Info
Short Description
In this project, I developed a small web application that displays basic information about countries. The application fetches data from a REST API and shows details like country name, flag, population, region, and capital city in the interface.
Problem
To quickly view basic information about countries, one typically needs to consult various sources. Seeing this information on a single screen with a simple search provides a more practical solution.
Solution
The application fetches a list of countries from an API and displays them in a card-based interface. Users can search by country name and filter the list. Each card features a flag image and essential country details.
Outcome
The result is a simple data visualization application that runs entirely in the browser without requiring any backend setup. The project consolidates API consumption, search functionality, and a basic UI flow on a single page.
Technologies
HTML5, CSS, JavaScript, REST API
Setup
bash
<pre><code>git clone https://github.com/Autumnnus/Country-Info.git
cd Country-Info
open index.html</code></pre>
Loading Code...