Skip to content

REST Countries API with color theme switcher project. Front End Mentor Challenge solución

Notifications You must be signed in to change notification settings

waldohidalgo/restcountry-app

Repository files navigation

Frontend Mentor Project - REST Countries API with color theme switcher

Repositorio con el código solución al proyecto REST Countries API with color theme switcher

El challenge consiste en realizar todo lo siguiente:

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 (optional)

He realizado todo lo anterior. Muestro todos los países en la homepage pero he utilizado un paginator creado usando React y Styled Components el cual muestra 8 países por hoja.

A continuación muestro screenshots del proyecto.

Screenshots

1.Dark Theme

1.1. Home Page
1.1.1. Desktop

Home Page Dark Theme Desktop

1.1.2. Mobile

Home Page Dark Theme Mobile

1.2. Country Page
1.2.1. Desktop

Country Page Dark Theme Desktop

1.2.2. Mobile

Country Page Dark Theme Mobile

2.Light Theme

2.1. Home Page
2.1.1. Desktop

Home Page Light Theme Desktop

2.1.2. Mobile

Home Page Light Theme Mobile

2.2. Country Page
2.2.1. Desktop

Country Page Light Theme Desktop

2.2.2. Mobile

Country Page Light Theme Mobile

About

REST Countries API with color theme switcher project. Front End Mentor Challenge solución

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published