An open API service indexing awesome lists of open source software.

https://github.com/amruthlp12/nations-hub

Welcome to Nations Hub! This application allows users to explore information about all countries on Earth, providing a rich and interactive experience. Whether you're looking for general country information, detailed statistics, or just want to admire the flags of different nations, NationsHub has got you covered.
https://github.com/amruthlp12/nations-hub

nations-hub-app react react-api-project react-loader-spinner react-router-dom react-website reactjs responsive-web-design rest-api websit

Last synced: 9 months ago
JSON representation

Welcome to Nations Hub! This application allows users to explore information about all countries on Earth, providing a rich and interactive experience. Whether you're looking for general country information, detailed statistics, or just want to admire the flags of different nations, NationsHub has got you covered.

Awesome Lists containing this project

README

          

# ๐ŸŒ Nations Hub ยท [![Author Amruth L P](https://img.shields.io/badge/Author-Amruth-%3C%3E)](https://github.com/amruthlp12)

Welcome to Nations Hub! ๐ŸŽ‰ Explore information about every country on Earth with our rich interactive experience. Discover stats, flags, and challenge yourself with geography games! ๐ŸŒŽโœจ

## โœจ Features

- **๐Ÿ“š Country Information:** Detailed stats including population, area, capital, languages, currency
- **๐ŸŽŒ Flag Gallery:** Comprehensive collection of national flags
- **๐Ÿ” Search Functionality:** Instantly find any country
- **๐ŸŽฎ Interactive Quiz Games:**
- **๐Ÿงญ Reach the Country:** Navigate through neighboring borders
- **๐Ÿ—บ๏ธ Region Quiz:** Test your regional knowledge
- **๐ŸŒ Sub-Region Quiz:** Match countries to sub-regions
- **๐Ÿ›๏ธ Capital Quiz:** Identify countries by capitals
- **๐Ÿ’ฑ Currencies Quiz:** Match currencies to countries
- **๐Ÿ—ฃ๏ธ Languages Quiz:** Identify official languages
- **๐Ÿ“ฑ Responsive Design:** Works perfectly on all devices

## โš™๏ธ Tech Stack

- React.js
- HTML5
- CSS3
- JavaScript
- [REST Countries API](https://restcountries.com/)

## ๐ŸŽฎ Game Descriptions

### ๐Ÿงญ Reach the Country
Start from a country and reach the destination through neighboring borders!
![Reach the Country Game](/screenshots/reach-country.png)

### ๐Ÿ—บ๏ธ Region Quiz
Test your knowledge of world regions
![Region Quiz](/screenshots/region-quiz.png)

### ๐ŸŒ Sub-Region Quiz
Match countries to their sub-regions
![Sub-Region Quiz](/screenshots/subregion-quiz.png)

### ๐Ÿ›๏ธ Capital Quiz
Identify countries by their capitals
![Capital Quiz](/screenshots/capital-quiz.png)

### ๐Ÿ’ฑ Currencies Quiz
Match countries to their currencies
![Currencies Quiz](/screenshots/currency-quiz.png)

### ๐Ÿ—ฃ๏ธ Languages Quiz
Identify countries by official languages
![Languages Quiz](/screenshots/language-quiz.png)

## ๐Ÿš€ Getting Started

Follow these steps to set up Nations Hub locally:

```bash
# Clone the repository
git clone https://github.com/amruthlp12/Nations-Hub.git

# Navigate to project directory
cd Nations-Hub

# Install dependencies
npm install

# Start the development server
npm start
```

The application should now be running on `http://localhost:3000`.

## ๐ŸŒ Live Demo

Check out the live demo of [Nations Hub](https://nations-hub.vercel.app/) to explore the features.

## ๐Ÿ“ธ Screenshots

### Country Information Page

![Country Information Page](/screenshots/country-info.png)

### Flag Gallery

![Flag Gallery](/screenshots/flag-gallery.png)

### Quiz Page

![Quiz Page](/screenshots/quiz-page.png)

### Reach the Country Game

![Reach the Country Game](/screenshots/reach-the-country.png)

### Normal Quiz

![Normal Quiz](/screenshots/normal-quiz.png)

## Contributing

Contributions are welcome! If you'd like to contribute to Nations Hub, please follow these guidelines:

1. Fork the repository.
2. Create a new branch (`git checkout -b feature/new-feature`).
3. Make your changes.
4. Commit your changes (`git commit -am 'Add new feature'`).
5. Push to the branch (`git push origin feature/new-feature`).
6. Create a new Pull Request.

## ๐Ÿ‘ฅ Contributors

- [@amruthlp12](https://github.com/amruthlp12) - Creator & Maintainer
- [@Sanskargupta0](https://github.com/Sanskargupta0) - Quiz Game Features

## ๐Ÿ™ Special Thanks

A big shoutout to [@Sanskargupta0](https://github.com/Sanskargupta0) for enhancing *Nations Hub* with engaging geography quizzes! ๐Ÿง ๐ŸŒ
Your contributions made the app far more interactive and educational โ€” we appreciate your awesome work! ๐Ÿ’ชโœจ

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Contact

Have any questions or suggestions? Feel free to contact us at [amruthlp12@gmail.com](mailto:amruthlp12@gmail.com).