https://github.com/natalyrojas5/react-search-countries

This project is based on one of the Frontend Mentor challenges.
https://github.com/natalyrojas5/react-search-countries

react sass

Last synced: 4 days ago
JSON representation

This project is based on one of the Frontend Mentor challenges.

• Host: GitHub
• URL: https://github.com/natalyrojas5/react-search-countries
• Owner: natalyrojas5
• Created: 2022-03-13T21:36:18.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2024-07-28T00:02:25.000Z (6 months ago)
• Last Synced: 2024-07-28T01:23:54.236Z (6 months ago)
• Topics: react, sass
• Language: JavaScript
• Homepage: https://react-search-countries.vercel.app/
• Size: 829 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# SEARCH COUNTRIES

## This project is based on one of the [Frontend Mentor](https://www.frontendmentor.io/) challenges.

![Search Countries](./screenshot.png)

### [REST Countries API with color theme switcher](https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca)

# The challenge

- Challenge is to integrate with the REST Countries V2 API to pull country data and display it like in the designs.

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

# Technologies used

- React + Context

- Sass

- Ionicons for icons

## Instalation

- It is important to have installed node

### Instalation modules

```

npm i

```

### Run application

```

npm start

```