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.
- 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
- 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
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)
- 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
- 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)
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
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