REST Countries API with color theme switcher

REST countries web app allows you to search for countries and filter the selection of countries by region.

📖 Table of contents

• Overview
  • Features
  • Screenshot
  • Built with
  • Running the App Locally
  • Links
• Author

🔍 Overview

Features 📂

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
• Scroll to top

Screenshot 📸

Built with 🔨

• Bootstrap 5.2.3
• Mobile-first workflow
• ReactJS (React Hooks, Route)
• Styled-components
• npmjs
• Goole Fonts
• Fontawesome

Running the App Locally 💻

This app runs on Node.js. If Node.js is installed, you may clone the repository and install its dependencies:

npm install

Links 🔗

• Frontendmentor URL: https://www.frontendmentor.io/solutions/rest-countries-api-with-color-theme-switcher-0_VyiujhMW
• Solution URL: https://github.com/sn-tin/rest-countries
• Live Site URL: https://rest-countries-sn-tin.vercel.app/

👩‍💻 Author

• Frontend Mentor - @sn-tin
• Github - @sn-tin