CountryPedia

Overview

Countrypedia is an interactive platform that allows users to explore information about countries from around the world. It features an interactive world map that is created using React.js and Tailwind CSS. Users can discover country data, including information such as population, area, and capital, by hovering over specific regions on the map.

Features

• Interactive world map: Countrypedia offers an interactive world map that allows users to explore different countries by clicking on specific regions.
• Country data from REST COUNTRIES API: The platform fetches country data from the REST COUNTRIES API, providing users with up-to-date information about each country.
• Redux integration for caching data: Countrypedia integrates Redux to cache country data, minimizing the number of API calls and improving performance.
• Search functionality with react-search-autocomplete: The platform includes a search functionality that enables users to easily locate specific countries using the react-search-autocomplete component.
• Beautiful and responsive UI with Tailwind CSS: Countrypedia’s user interface is visually appealing and responsive, ensuring a seamless experience across different devices.

Installation

To install Countrypedia, follow these steps:

1. Clone the repository from GitHub:

   git clone <repository-url>
   

2. Navigate to the project directory:

   cd countrypedia
   

3. Install the npm dependencies:

   npm install
   

4. Start the development server:

   npm start
   

5. Open your web browser and visit localhost:3000 to access Countrypedia.

Summary

Countrypedia is an interactive platform that allows users to explore country data from around the world. It features an interactive world map, country data from the REST COUNTRIES API, and search functionality. With its beautiful and responsive user interface, Countrypedia provides an engaging and seamless experience for users to learn about different countries.