https://github.com/kumarsuraj345678/rest-countries-api-project

This repository contains a web application that displays information about countries using the REST Countries API. Users can search for countries, filter them by region, and view detailed information about each country. The application supports light and dark modes and is responsive for both mobile and desktop devices.
https://github.com/kumarsuraj345678/rest-countries-api-project

html-css-javascript rest-countries-api

Last synced: 15 days ago
JSON representation

This repository contains a web application that displays information about countries using the REST Countries API. Users can search for countries, filter them by region, and view detailed information about each country. The application supports light and dark modes and is responsive for both mobile and desktop devices.

• Host: GitHub
• URL: https://github.com/kumarsuraj345678/rest-countries-api-project
• Owner: kumarsuraj345678
• Created: 2025-01-12T13:00:52.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2025-02-12T09:36:47.000Z (over 1 year ago)
• Last Synced: 2025-11-30T21:39:09.278Z (7 months ago)
• Topics: html-css-javascript, rest-countries-api
• Language: JavaScript
• Homepage: https://kumarsuraj345678.github.io/REST-Countries-API-Project/
• Size: 31.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🌍 REST Countries API Project

## 📖 Overview

A sleek web application that leverages the REST Countries API to provide comprehensive information about countries. Users can effortlessly search for countries, view detailed information, and filter countries by region.

## ✨ Features

- 🔍 **Search**: Find countries by name.

- 📋 **Details**: View extensive information about each country.

- 🌎 **Filter**: Narrow down countries by region.

- 📱 **Responsive**: Optimized for all devices.

- 🌗 **Dark Mode**: Switch between light and dark themes.

## 🛠️ Technologies Used

- **HTML**

- **CSS**

- **JavaScript**

- **REST Countries API**

## 🚀 Getting Started

### Prerequisites

- A modern web browser

- Internet connection

## 🌐 Project Demo

Check out the live demo [here](https://kumarsuraj345678.github.io/REST-Countries-API-Project/).

## 📚 Usage

1. Open the application in your web browser.

2. Use the search bar to find a country by name.

3. Click on a country to view detailed information.

4. Use the region filter to narrow down the list of countries.

## 📸 Screenshots

### Home Page

![Home Page](https://github.com/user-attachments/assets/7d517cdf-f689-4b4a-9976-e01661678029)

### Country Details

![Country Details](https://github.com/user-attachments/assets/b56837b0-20db-4d0a-8313-140907cf9704)

### Filter by Region

![Filter by Region](https://github.com/user-attachments/assets/ddc31e1f-4153-4a97-bd71-e0fa73d008e9)

### Mobile View

![Mobile View](https://github.com/user-attachments/assets/14723526-47f4-4632-8b7c-c5d22374e615)

### Dark Mode

![Dark Mode](https://github.com/user-attachments/assets/ad2d1105-4b32-4da9-8c86-a497cf6a3803)

## 📚 API Reference

This project uses the [REST Countries API](https://restcountries.com/) to fetch country data.

## 🤝 Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes.

## 📄 License

This project is licensed under the MIT License.

## 🙏 Acknowledgements

- [REST Countries API](https://restcountries.com/)

- [Frontend Mentor](https://www.frontendmentor.io/) for the project idea