AS

Countryz

Countryz is a javascript web application built using REST Countries API.

showcase_cddfc0025f
details_dark_c4f0e285f0
details_light_b97076ccdc
home_dark_3d8e85ac27
home_light_40967ca10f

About this project

The was project developed as a part of front-end mentor challenges. The challenge was to integrate the application with the REST Countries API to pull country data and display it like in the designs.

In this project, I acted as a full-stack developer, developing both the frontend and backend. The application supports features such as:

  • Displaying all countries from the API on the homepage
  • Search for a country using an input field
  • Filtering 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

Technical Sheet

Code technologies I got involved with while working on this project.

  • HTML5
  • CSS3 - Grid, flexbox, custom properties
  • Javascript ES6
  • Axios HTTP Library

Resources