🌍 Country Info App

A modern and interactive web application that allows users to search for countries and explore detailed information about them using the REST Countries API.

My first experience about APIs

This was my first educational experience with APIs. It was a fun and simple experience, and I learned a lot of information and valuable insights about this topic from it.

---

✨ Features

• 🔍 Search for any country
• 🌍 Random country generator
• 🏳️ Display country flag
• 🏙️ Show capital city
• 👥 Show population
• 💰 Display currency
• 🗣️ Display languages
• 🌎 Display region
• 🌍 Border countries system
• ❤️ Add countries to favorites
• 🗑️ Remove favorites
• 🌙 Dark / Light Mode
• 💾 Save data using Local Storage
• ⚡ Dynamic search suggestions
• 📱 Fully Responsive Design
• 🎨 Modern UI Design
• ⏳ Loading Spinner
• ❌ Error Handling

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla JS)
• REST Countries API

---

🌐 API Used

REST Countries API:

https://restcountries.com/

---

📸 Preview

Dark Mode

Modern glassmorphism interface with dynamic country information.

Features Included

• Favorites system
• Border countries navigation
• Search suggestions
• Responsive design

---

📂 Project Structure

country-info-app/
│
├── index.html
├── style.css
├── script.js
└── README.md

🚀 Getting Started

1️⃣ Clone The Repository

git clone https://github.com/djabranemmd/country-info-app.git

2️⃣ Open The Project

Open the folder using VS Code.

3️⃣ Run The Project

Simply open:

index.html

inside your browser.

🧠 What I Learned

Through this project, I learned:

Working with APIs Fetching external data Handling JSON Dynamic DOM manipulation Local Storage Event handling Responsive design Error handling Building interactive frontend applications

📈 Future Improvements

Country comparison system Advanced filtering Country statistics charts Multi-language support Better animations Modular JavaScript architecture

👨‍💻 Author

Ahmed Djabrane Mammadi is: Network management and security Master’s Student | Full Stack Developer | Cybersecurity Developed by a web development learner focused on improving JavaScript logic and frontend skills.

⭐ Support

If you like this project, feel free to star the repository ⭐