REST Countries API with color theme switcher

Chalange from frontendmentor.io on advanced difficulty level:

Responsive page displaying all countries from the API, with pagination and detailed page for each country

📸 Screenshots:

Page capabilities:

Show all countries from the API on the home page
Search for a country using an input field
Filter countries by region
Click on a country to see more detailed information on a separate page
Click through to the border countries on the detail page
Toggle the color scheme between light and dark mode

🏃 Running:

To start the project, you need to perform several actions:

Сlone the repository
Go to project folder
Install node_modules
Start development server

Console commands:

git clone https://github.com/VitalyBabenko/CountryLIst.git
cd CountryList
npm install
npm start

This will run locally and listening on port 3000 (http://localhost:3000)

🛠 Stack:

React v18
React Router
Redux toolkit
Axios
SCSS

Pagination

Rest Countries Api does not support pagination so the usePagination hook was used.