REST Countries API with color theme switcher

Live | Solution | Challenge

Solution for a challenge from frontendmentor.io.

🧐 Introduction

Welcome to my solution for the REST Countries API with a color theme switcher challenge from Frontend Mentor. This project was built to integrate the REST Countries API to pull country data and display it in a user-friendly way. Users can toggle between light and dark modes, filter countries by region, and search for specific countries. Additionally, users can click on a country to view more detailed information and explore neighboring countries by clicking on their borders.

⛏️ Built Using

Property	Badges
📋 Languages & Tools
📚 Libraries
🚀 Frameworks
🧪 Testing
☁️ Hosting

🎈 Features

• View 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 view more detailed information on a separate page
• Click on a country's border to view more detailed information on a separate page
• Toggle the color scheme between light and dark mode (including the country detail pages)
• Responsive design

🎉 How to Use

Prerequisites

• Node.js - JavaScript runtime environment
• npm - Node.js package manager

Installation

1. Clone the repo

   git clone https://github.com/MaorBezalel/rest-countries.git

2. Install NPM packages

   npm install

3. Run the app

   npm run dev

4. Open http://localhost:(port) to view it in the browser.

🙏 Acknowledgements

• Frontend Mentor - for providing the challenge and the designs.
• REST Countries API - for providing a robust easy to use API for country data.
• Font Awesome - for providing the icons used in this project.

📝 License

This solution is based on a challenge and designs provided by Frontend Mentor and is therefore subject to the terms and conditions of the Frontend Mentor License.