Skip to content

muhammadasimafridi/Assignment-Countries-Details-Using-API

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Assignment-Countries-Details-Using-API

🌍 Country Information Finder

A modern and responsive web application that allows users to search for any country and instantly view detailed information about it using the REST Countries API.

✨ Features

  • Search any country by name

  • Display:

    • Common country name
    • Official country name
    • Borders
    • Population
    • Capital city
    • Area
    • Region
    • National flag
  • Dynamic data fetching using Fetch API

  • Clean and responsive UI

  • Beginner-friendly JavaScript project

πŸ› οΈ Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • REST Countries API

πŸ“‚ Project Structure

  • index.html β†’ Main structure of the webpage
  • style.css β†’ Styling and responsive design
  • country.js β†’ Handles API requests and DOM manipulation
  • README.md β†’ Project documentation

πŸš€ How It Works

  1. User enters a country name
  2. JavaScript sends a request to the REST Countries API
  3. API returns country data
  4. Information is dynamically displayed on the webpage

πŸ“š What I Learned

  • Working with APIs
  • Using Fetch API in JavaScript
  • DOM manipulation
  • Event handling
  • Dynamic HTML rendering
  • Handling JSON data

🌐 API Used

REST Countries API

πŸ‘¨β€πŸ’» Developer

Built with passion while learning Frontend Development and JavaScript.

Releases

No releases published

Packages

 
 
 

Contributors