“Why Google when you have this app? 😎”
This project is a Country Information Web App built with HTML, CSS, and JavaScript.
It fetches data from a REST API and shows useful information about each country:
- Name 🏷️
- Capital 🏛️
- Region 🌎
- Population 👥
- Area 📐
You can search, sort, and filter countries with ease.
- 🔍 Search bar — find any country instantly
- 🗂️ Sort — Alphabetical order (A–Z / Z–A)
- 🌍 Filter — by region (Asia, Europe, Africa, etc.)
- 🎨 Responsive UI — clean design, card-based layout
- 🌑 Dark/Light mode toggle
- ⚡ JavaScript (ES6) — interactivity & API handling
- 🎨 CSS3 — responsive design & hover effects
- 🧩 HTML5 — structure and layout
# 1. Clone the repository
git clone https://github.com/USERNAME/Country-Info-App.git
# 2. Go into the folder
cd Country-Info-App
# 3. Open index.html in your browserThat’s it! 🎉
Country-Info-App/
│── index.html
│── css/
│ └── style.css
│── js/
│ └── script.js
│── screenshot.png
└── README.md
- ✅ Search & sort features
- 🌑 Dark/Light theme toggle
- 📌 Add more country details (currency, languages, flags)
- 📱 Mobile-first improvements
- Fork this repo
- Create a new branch (
git checkout -b feature/awesome-feature) - Commit changes (
git commit -m "Added awesome feature") - Push (
git push origin feature/awesome-feature) - Open a Pull Request 🚀
Released under the MIT License.
“Travel the world without leaving your browser tab.” 🌍✨
“Google qidiruvchiga hojat yo‘q, endi sening qo‘lingda bu app bor! 😎”
Bu loyiha — Country Information Web App, ya’ni davlatlar haqida ma’lumot ko‘rsatuvchi web-ilova.
U REST API’dan foydalanadi va quyidagi ma’lumotlarni chiqaradi:
- Davlat nomi 🏷️
- Poytaxt 🏛️
- Mintaqa 🌎
- Aholisi 👥
- Maydoni 📐
Shuningdek, qidirish, saralash va filtrlash imkoniyatlari mavjud.
- 🔍 Qidiruv paneli — davlatni tez topish
- 🗂️ Saralash — alifbo tartibida (A–Z / Z–A)
- 🌍 Filtrlash — mintaqalar bo‘yicha (Osiyo, Yevropa, Afrika va h.k.)
- 🎨 Responsiv dizayn — karta ko‘rinishida chiroyli UI
- 🌑 Dark/Light rejim almashtirish
- ⚡ JavaScript (ES6) — interaktivlik va API ishlovchi kod
- 🎨 CSS3 — responsiv dizayn va hover effektlar
- 🧩 HTML5 — tuzilma va layout
# 1. Reponi klon qiling
git clone https://github.com/USERNAME/Country-Info-App.git
# 2. Papkaga kiring
cd Country-Info-App
# 3. index.html faylini brauzerda ochingShundan so‘ng app ishlay boshlaydi 🎉
Country-Info-App/
│── index.html
│── css/
│ └── style.css
│── js/
│ └── script.js
│── screenshot.png
└── README.md
- ✅ Qidiruv va saralash imkoniyatlari
- 🌑 Dark/Light rejimi
- 📌 Qo‘shimcha ma’lumotlar (valyuta, tillar, bayroq)
- 📱 Mobil moslashuvni yaxshilash
- Reponi fork qiling
- Yangi branch yarating (
git checkout -b feature/awesome-feature) - O‘zgarishlarni commit qiling (
git commit -m "Yangi funksiya qo‘shildi") - Push qiling (
git push origin feature/awesome-feature) - Pull Request oching 🚀
MIT License ostida tarqatiladi.
“Sayohat qilish uchun chipta shart emas — brauzeringning tab’i yetarli.” 🌍✨