thomasender/rest-react-countries-of-the-world

A simple React app interacting with the restcountries.com api

Countries of the World

This project is a web application that displays information about different countries. It uses the Rest Countries API to fetch country data and provides features like searching, sorting, and detailed views for each country.

Features

• List of countries with details like name, population, and flag.
• Search functionality to filter countries.
• Sorting functionality to sort countries by different parameters.
• Detailed view for each country with additional information.
• Map view for each country using Mapbox GL.
• SEO-friendly with dynamic title and meta tags for each page.

Technologies Used

• React: A JavaScript library for building user interfaces.
• React Context: Used for state management.
• Axios: Used to make HTTP requests to the Rest Countries API.
• Rest Countries API: Provides information about different countries.
• LocalStorage: Used to persist state across sessions.
• Bootstrap: Used for styling.
• react-table: Used to display country data in a table format.
• react-router-dom: Used for routing.
• Mapbox GL: Used to display maps for each country.
• react-helmet: Used to manage document head tags for SEO.

Installation

To install the dependencies, run:

yarn

To start the development server, run:

yarn dev

The application will start on http://localhost:5173