Desktop Design

Mobile Design

REST Countries API with color theme switcher

<select class="nav-input"><option value="">All</option><option value="Africa">Africa</option><option value="Americas">Americas</option><option value="Asia">Asia</option><option value="Europe">Europe</option><option value="Oceania">Oceania</option><option value="Polar">Antarctica</option></select>

</div></a><a style=`text-decoration: none;` href=`#/Åland Islands`><div c

</div></a><a style=`text-decoration: none;` href=`#/American Samoa`><div c

</div></a><a style=`text-decoration: none;` href=`#/Antigua and Barbuda`><div c

</div></a><a style=`text-decoration: none;` href=`#/Bolivia (Plurinational State of)`><div c

</div></a><a style=`text-decoration: none;` href=`#/Bonaire, Sint Eustatius and Saba`><div c

</div></a><a style=`text-decoration: none;` href=`#/Bosnia and Herzegovina`><div c

</div></a><a style=`text-decoration: none;` href=`#/Bouvet Island`><div c

</div></a><a style=`text-decoration: none;` href=`#/British Indian Ocean Territory`><div c

</div></a><a style=`text-decoration: none;` href=`#/United States Minor Outlying Islands`><div c

</div></a><a style=`text-decoration: none;` href=`#/Virgin Islands (British)`><div c

</div></a><a style=`text-decoration: none;` href=`#/Virgin Islands (U.S.)`><div c

</div></a><a style=`text-decoration: none;` href=`#/Brunei Darussalam`><div c

</div></a><a style=`text-decoration: none;` href=`#/Burkina Faso`><div c

</div></a><a style=`text-decoration: none;` href=`#/Cabo Verde`><div c

</div></a><a style=`text-decoration: none;` href=`#/Cayman Islands`><div c

</div></a><a style=`text-decoration: none;` href=`#/Central African Republic`><div c

</div></a><a style=`text-decoration: none;` href=`#/Christmas Island`><div c

</div></a><a style=`text-decoration: none;` href=`#/Cocos (Keeling) Islands`><div c

</div></a><a style=`text-decoration: none;` href=`#/Congo (Democratic Republic of the)`><div c

</div></a><a style=`text-decoration: none;` href=`#/Cook Islands`><div c

</div></a><a style=`text-decoration: none;` href=`#/Costa Rica`><div c

</div></a><a style=`text-decoration: none;` href=`#/Czech Republic`><div c

</div></a><a style=`text-decoration: none;` href=`#/Dominican Republic`><div c

</div></a><a style=`text-decoration: none;` href=`#/El Salvador`><div c

</div></a><a style=`text-decoration: none;` href=`#/Equatorial Guinea`><

</div></a><a style=`text-decoration: none;` href=`#/Falkland Islands (Malvinas)`><div c

</div></a><a style=`text-decoration: none;` href=`#/Faroe Islands`><div c

</div></a><a style=`text-decoration: none;` href=`#/French Guiana`><div c

</div></a><a style=`text-decoration: none;` href=`#/French Polynesia`><div c

</div></a><a style=`text-decoration: none;` href=`#/French Southern Territories`><div c

</div></a><a style=`text-decoration: none;` href=`#/Heard Island and McDonald Islands`><div c

</div></a><a style=`text-decoration: none;` href=`#/Vatican City`><div c

</div></a><a style=`text-decoration: none;` href=`#/Hong Kong`><div c

</div></a><a style=`text-decoration: none;` href=`#/Ivory Coast`><div c

</div></a><a style=`text-decoration: none;` href=`#/Iran (Islamic Republic of)`><div c

</div></a><a style=`text-decoration: none;` href=`#/Isle of Man`><div c

</div></a><a style=`text-decoration: none;` href=`#/Lao People's Democratic Republic`><div c

</div></a><a style=`text-decoration: none;` href=`#/North Macedonia`><div c

</div></a><a style=`text-decoration: none;` href=`#/Marshall Islands`><div c

</div></a><a style=`text-decoration: none;` href=`#/Micronesia (Federated States of)`><div c

</div></a><a style=`text-decoration: none;` href=`#/Moldova (Republic of)`><div c

</div></a><a style=`text-decoration: none;` href=`#/New Caledonia`><div c

</div></a><a style=`text-decoration: none;` href=`#/New Zealand`><div c

</div></a><a style=`text-decoration: none;` href=`#/Norfolk Island`><div c

</div></a><a style=`text-decoration: none;` href=`#/Korea (Democratic People's Republic of)`><div c

</div></a><a style=`text-decoration: none;` href=`#/Northern Mariana Islands`><div c

</div></a><a style=`text-decoration: none;` href=`#/Palestine, State of`><div c

</div></a><a style=`text-decoration: none;` href=`#/Papua New Guinea`><div c

</div></a><a style=`text-decoration: none;` href=`#/Puerto Rico`><div c

</div></a><a style=`text-decoration: none;` href=`#/Republic of Kosovo`><div c

</div></a><a style=`text-decoration: none;` href=`#/Russian Federation`><div c

</div></a><a style=`text-decoration: none;` href=`#/Saint Barthélemy`><div c

</div></a><a style=`text-decoration: none;` href=`#/Saint Helena, Ascension and Tristan da Cunha`><div c

</div></a><a style=`text-decoration: none;` href=`#/Saint Kitts and Nevis`><div c

</div></a><a style=`text-decoration: none;` href=`#/Saint Lucia`><div c

</div></a><a style=`text-decoration: none;` href=`#/Saint Martin (French part)`><div c

</div></a><a style=`text-decoration: none;` href=`#/Saint Pierre and Miquelon`><div c

</div></a><a style=`text-decoration: none;` href=`#/Saint Vincent and the Grenadines`><div c

</div></a><a style=`text-decoration: none;` href=`#/San Marino`><div c

</div></a><a style=`text-decoration: none;` href=`#/Sao Tome and Principe`><div c

</div></a><a style=`text-decoration: none;` href=`#/Saudi Arabia`><div c

</div></a><a style=`text-decoration: none;` href=`#/Sierra Leone`><div c

</div></a><a style=`text-decoration: none;` href=`#/Sint Maarten (Dutch part)`><div c

</div></a><a style=`text-decoration: none;` href=`#/Solomon Islands`><div c

</div></a><a style=`text-decoration: none;` href=`#/South Africa`><div c

</div></a><a style=`text-decoration: none;` href=`#/South Georgia and the South Sandwich Islands`><div c

</div></a><a style=`text-decoration: none;` href=`#/Korea (Republic of)`><div c

</div></a><a style=`text-decoration: none;` href=`#/Sri Lanka`><div c

</div></a><a style=`text-decoration: none;` href=`#/South Sudan`><div c

</div></a><a style=`text-decoration: none;` href=`#/Svalbard and Jan Mayen`><div c

</div></a><a style=`text-decoration: none;` href=`#/Syrian Arab Republic`><div c

</div></a><a style=`text-decoration: none;` href=`#/Tanzania, United Republic of`><div c

</div></a><a style=`text-decoration: none;` href=`#/Trinidad and Tobago`><div c

</div></a><a style=`text-decoration: none;` href=`#/Turks and Caicos Islands`><div c

</div></a><a style=`text-decoration: none;` href=`#/United Arab Emirates`><div c

</div></a><a style=`text-decoration: none;` href=`#/United Kingdom of Great Britain and Northern Ireland`><div c

</div></a><a style=`text-decoration: none;` href=`#/United States of America`><div c

</div></a><a style=`text-decoration: none;` href=`#/Venezuela (Bolivarian Republic of)`><div c

</div></a><a style=`text-decoration: none;` href=`#/Wallis and Futuna`><div c

</div></a><a style=`text-decoration: none;` href=`#/Western Sahara`><div c

Please log in to post a comment

Community feedback

Countries API Project using React, React Router and Hooks

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community