Country-wikipedia

[Country-wikipedia] is a React-based web application that utilizes Tailwind CSS and a country API to display information about different countries.

Features

• Fetches data from the country API and displays information about various countries.
• Allows users to search for specific countries.
• Provides detailed information about each country, including its population, capital, language, and more.
• Displays country flags and relevant images to enhance the user experience.
• Responsive design using Tailwind CSS, ensuring optimal viewing on different devices.

Installation

1. Clone the repository: https://github.com/Animeshhit/Country-wikipedia
2. Navigate to the project directory: cd Country-wikipedia
3. Install the dependencies: npm install

Usage

1. Start the development server: npm start
2. Open a web browser and visit http://localhost:3000 to access the website.

API Configuration

To retrieve data from the country API, you need to obtain an API key. Follow these steps to configure the API:

1. Visit Country API and create an account.
2. Once logged in, navigate to your account settings to find your API key.
3. In your project directory, create a .env file.
4. Add the following line to the .env file: REACT_APP_COUNTRY_API_KEY=YOUR_API_KEY.
5. Replace YOUR_API_KEY with the API key you obtained.

Technologies Used

• React
• Tailwind CSS
• Fetch (for making API requests)

Credits

• Country API for providing the country data.
• React for the JavaScript library.
• Tailwind CSS for the utility-first CSS framework.

License

This project is licensed under the MIT License.