Country Handbook

Overview

Country Handbook is an interactive web application that allows users to search and retrieve detailed information about countries. Built with React, TypeScript, and Tailwind CSS, it demonstrates a practical implementation of API data fetching and responsive design principles.

Key Features

• Country Search: Users can search for any country and view detailed information.
• Responsive Design: Crafted with Tailwind CSS, ensuring a seamless experience across various devices.
• Data Fetching: Utilizes Fetch API to retrieve country-specific information dynamically.
• Modern JavaScript Practices: Showcases the use of React hooks and TypeScript for robust and type-safe code.

Technologies Used

• React
• TypeScript
• Tailwind CSS

Installation and Setup

Prerequisites

Ensure you have the following installed:

• Node.js (which includes npm)

Getting Started

To run the Country Info App locally:

1. Clone the Repository

   git clone https://github.com/yourusername/country-info-app.git
   cd country-info-app

2. Install Dependencies

   npm install --legacy-peer-deps // A compatibility issue with the image viewer requires older versions of some deps

3. Run the Application

   npm start

   Access the app at: http://localhost:3000