Skip to content

Modern, responsive country explorer web app built with Node.js, Express & EJS. Features smart search (country/capital/region), interactive modal details, and comprehensive country data from REST Countries API. Clean UI with glassmorphism design.

Notifications You must be signed in to change notification settings

krishnareddy006/Global-Country-Explorer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌍 Global Country Explorer

A modern, responsive web application built with Node.js, Express, and EJS that allows users to explore comprehensive information about countries worldwide. The application features an intuitive search interface with modal views for detailed country data.

✨ Features

🔍 Smart Search

  • Multiple Search Options: Search by country name, capital city, or region
  • Real-time Results: Get instant results with multiple matching countries
  • Intelligent Matching: Partial name matching for better search experience

🖼️ Interactive Interface

  • Modal Details: Click any country card to view comprehensive information in a beautiful modal overlay
  • Background Blur: Professional modal experience with blurred background
  • Responsive Design: Seamless experience across desktop, tablet, and mobile devices

📊 Comprehensive Data

Each country profile includes:

  • 🏳️ Country flag and official name
  • 🏛️ Capital city and geographic coordinates
  • 🌍 Regional and subregional information
  • 📏 Area measurements and population statistics
  • 🗣️ Languages spoken and native names
  • 💰 Official currencies and exchange symbols
  • 🕐 Timezone information
  • 🚪 Bordering countries
  • 📞 International calling codes
  • 🌐 Top-level domain extensions
  • 🔤 ISO country codes (Alpha-3)

🎨 Modern UI/UX

  • Glassmorphism Design: Modern glass-effect styling with backdrop blur
  • Smooth Animations: Hover effects and transitions throughout
  • Professional Gradients: Beautiful color schemes and shadows
  • Clean Typography: Easy-to-read Inter font family

🛠️ Technology Stack

  • Backend: Node.js with Express.js framework
  • Templating: EJS (Embedded JavaScript)
  • API: REST Countries API for reliable country data
  • Styling: Modern CSS with responsive design
  • JavaScript: ES6+ modules with async/await
  • Icons: Font Awesome for beautiful iconography
  • Fonts: Google Fonts (Inter family)

🌐 API Integration

This application uses the REST Countries API to fetch real-time country data. The API provides:

  • Global Coverage: 250+ countries and territories
  • Rich Dataset: Comprehensive geographic, demographic, and political data
  • Reliable Service: High uptime and consistent data quality
  • Free Access: No API key required for basic usage

📱 Responsive Design

The application is fully responsive and optimized for:

  • 🖥️ Desktop: Full-width layouts with multi-column grids
  • 📱 Mobile: Single-column layouts with touch-friendly interactions
  • 📟 Tablet: Optimized middle-ground experience

About

Modern, responsive country explorer web app built with Node.js, Express & EJS. Features smart search (country/capital/region), interactive modal details, and comprehensive country data from REST Countries API. Clean UI with glassmorphism design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published