Rest Countries API sApp

A React TypeScript application to explore countries using the REST Countries API. This app includes features such as searching for a specific country, filtering by region, pagination, dark mode, and navigation to a detailed country page.

Table of Contents

• Features
• Getting Started
  • Prerequisites
  • Installation
• Technologies Used

Features

• Search: Search for a specific country by name.
• Filter by Region: Filter countries by region (e.g., Africa, America, Asia, Europe, Oceania).
• Pagination: Navigate through the list of countries using pagination.
• Dark Mode: Toggle between light and dark modes.
• Country Details: Select a country to view detailed information on a separate page.
• Loading States: Show loading indicators while fetching data from the API.

Check out the live demo of the app in the link below:

Rest Countries API App

Getting Started

Prerequisites

• Node.js v18.15.0
• npm 9.8.1

Installation

1. Clone the repository:

   git clone https://github.com/Dng120696/Rest-Countries-API-Typescript.git
   cd Rest-Countries-API-Typescript

2. Install dependencies:

   npm install

3. Start the development Server:

   npm run dev

4. Open http://localhost:5173 to view it in the browser.

Technologies Used

• React
• TypeScript
• Tailwind CSS
• REST Countries API