REST Countries

Simple, easy-to-use application to explore information about the countries and regions of the world.

This is a solution to the REST Countries challenge on Frontend Mentor.

Table of contents

• Links
• Screenshots
• Built with
• How to run the application
  • React Scripts
  • Docker

Links

• Live Demo

Screenshots

Built with

• React
• React Query
• NGINX
• Docker
• SASS / CSS modules
• TypeScript

How to run the application

You can run the application using both Docker and React Scripts.

React Scripts

Clone this repository:

git clone https://github.com/NikitaKhodakovsky/rest-countries.git

Navigate to the directory with this repository:

cd rest-countries

Install dependencies:

npm i

Run the application:

npm run start

The app is now available at http://localhost:3000

Docker

Install Docker.

Execute this command to verify that the installation is correct:

docker -v

You should see something like this:

Docker version 24.0.7, build afdd53b

Clone this repository:

git clone https://github.com/NikitaKhodakovsky/rest-countries.git

Navigate to the directory with this repository:

cd rest-countries

Execute the following command to start the application from the docker-compose file:

docker compose --env-file ./.env.example up -d

The app is now available at http://localhost

To stop the application run:

docker compose down