https://github.com/armanbhatia0100/country-information-finder-api-system
Welcome to the Countries Info Web App! This React-powered web application fetches and displays information about all countries using a public API. Users can explore country details, including population, currency, language, and more, with an intuitive and visually appealing UI.
https://github.com/armanbhatia0100/country-information-finder-api-system
Last synced: 3 months ago
JSON representation
Welcome to the Countries Info Web App! This React-powered web application fetches and displays information about all countries using a public API. Users can explore country details, including population, currency, language, and more, with an intuitive and visually appealing UI.
- Host: GitHub
- URL: https://github.com/armanbhatia0100/country-information-finder-api-system
- Owner: ArmanBhatia0100
- Created: 2023-10-25T00:26:21.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-04T03:24:23.000Z (3 months ago)
- Last Synced: 2025-03-04T04:26:01.620Z (3 months ago)
- Language: JavaScript
- Homepage: https://countries-api-ab.netlify.app/
- Size: 405 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌍 Countries Info Web App
Welcome to the **Countries Info Web App**! This React-powered web application fetches and displays information about all countries using a public API. Users can explore country details, including population, currency, language, and more, with an intuitive and visually appealing UI.
## 🚀 Features
- 🗺️ **View All Countries** – Get a complete list of countries with key details.
- 🔎 **Search Functionality** – Find a country instantly by name.
- 📍 **Detailed Country Info** – View population, capital, region, subregion, languages, currencies, and flags.
- 🌙 **Dark Mode Support** – Toggle between light and dark themes.
- 📱 **Responsive Design** – Works seamlessly on desktops, tablets, and mobile devices.
## 🛠️ Technologies Used
- ⚛️ **React.js** – Building the dynamic UI components.
- 🔗 **REST API** – Fetching country data from a public API.
- 🎨 **Tailwind CSS** – Ensuring a beautiful and responsive layout.
- 🌍 **React Router** – Enabling smooth navigation.
- ☁️ **Axios** – Handling API requests efficiently.
## 🔧 Installation & Setup
1️⃣ **Clone the Repository**
```bash
git clone https://github.com/your-username/countries-info-app.git
cd countries-info-app
```
2️⃣ **Install Dependencies**
```bash
npm install
```
3️⃣ **Run the App Locally**
```bash
npm start
```
4️⃣ **API Endpoint Used**
This app fetches country data from:
```bash
https://restcountries.com/v3.1/all
```
## 📸 Screenshots
## 💡 Future Enhancements
- 🌐 **Language Selection** – Translate country names and descriptions.
- 📍 **Interactive Maps** – Show country locations with embedded maps.
- 📊 **Comparison Feature** – Compare data between selected countries.
## 🤝 Contributing
Contributions are welcome! Feel free to fork this repo and submit pull requests.
## 📩 Contact
Have any questions or suggestions? Reach out at [[email protected]](mailto:[email protected]).
🚀 **Explore the world with a single click! Happy coding!** ✨