Back

REST Countries API

A landing page, showing basic information about all countries recorded in the world, with data pulled from restcountries.com's API. Challenge by Frontend Mentor.

angulartailwindcss

Links

GitHub top language Static Badge

Overview

The challenge

Users should be able to:

  • See all countries from the API on the homepage
  • 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

Screenshot

Desktop

Desktop

Tablet

Tablet

Mobile

Mobile

My process

This is my second project with Angular, and this time I was able to utilize more features of the frameworks, such as pipes, services and router. Even now, I can’t exactly understand how Testing works with TestBed, so I can’t write any unit and component tests.

Built with