Skip to content

nanthakumar-m/neighbor_explorer-javascript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌍 Neighbor Explorer – HTML | CSS | JavaScript

Neighbor Explorer is a country information app that lets users input the name of a country and instantly view its details, such as population, region, language, and currency. If the country has neighboring countries, those are also fetched and displayed using the REST Countries API.

The primary aim of this project was to practice working with REST APIs, managing asynchronous fetch requests, and displaying nested dynamic content (like neighbors of neighbors). It also helped reinforce UI rendering based on conditional data availability.

🔗👉 click here to see the live demo--> https://nanthakumar-m.github.io/neighbor_explorer-javascript/

🚫 Note: This website is not responsive and is best viewed on desktop screens.

⚙️ Technologies Used

  • HTML5
  • CSS3
  • JavaScript

💡Core Features

✅ Accepts any valid country name as input

✅ Fetches country data including population, flag, currency, and region

✅ Displays neighboring countries automatically if available

✅ Dynamically updates the UI with each new query

🎯 What I Gained / Concepts Practiced

✅ Strengthened my ability to use fetch() and handle asynchronous operations

✅ Gained experience with working on real-world public APIs

✅ Learned how to handle nested data and dynamic DOM updates

✅ Understood fallback handling and validation for user input

📸 Screenshots

image

image

image

image

About

A pure JavaScript project that fetches and displays information about a country and its neighbors using the REST Countries API.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published