tarikbulbul/country-info

CountryInfo

This website displays country information using the REST Countries API and provides the ability to show the country's location on Google Maps. It features a search bar where you can enter a country name to display its flag and name. Clicking on a country will take you to a details page that renders a component with country information. On the details page, you can see the country's flag, name, capital, continent, and population. Additionally, there is a button to show the country on Google Maps.

Dependencies

React.js: A JavaScript library used for developing web applications.

Axios: A library used for making HTTP requests.

React Icons: A library used for icons.

React Bootstrap: A UI component library used for creating web applications based on React.

React Router DOM: A library used for page routing.

Features

• The website initially provides users with a country list and a search field
• Users can find their desired country by entering the country name into the search field.
• Clicking on a country name redirects users to the details page, which displays information about the country's flag, name, capital, and continent.
• A button on the detail page shows the country on Google Maps.
• Developed using React.js, and country data is fetched from the "https://restcountries.com/v3.1/all."

Installation

Clone the project files to your computer:

  git clone https://github.com/tarikbulbul/Country-Info.git
  cd Country-Info

Install the required dependencies:

  npm install

Start the application:

  npm run dev

You can view the application by opening http://localhost:3000 in your browser.