Country Explorer is a web application that allows users to explore information about different countries around the world. It provides features such as country search, region-based filtering, and a toggle for light and dark mode.
-
Search: Users can search for countries by typing their names in the search bar. The search is case-insensitive and displays real-time results as the user types.
-
Filter by Region: Users can filter countries by their regions using a dropdown menu. They can select from options like Africa, Americas, Asia, Europe, and Oceania to view countries from a specific region.
-
Light/Dark Mode: The application offers a dark mode for enhanced readability in low-light environments. Users can switch between light and dark mode using the toggle button in the header.
-
Country Information: For each country displayed, users can view details such as the country's flag, population, region, and capital.
-
React: The front-end of the application is built using React, providing a smooth and responsive user interface.
-
REST Countries API: Country data is fetched from the "https://restcountries.com/v3.1/all" API, which provides extensive information about countries worldwide.
-
CSS: Styling and layout are implemented using CSS, with specific classes for light and dark mode.
To run the project locally, follow these steps:
- Clone the repository from the GitHub Repo URL.
- Install the required dependencies by running
npm installin the project directory. - Start the development server with
npm start. - Access the application in your browser at
http://localhost:3000/.
Contributions to this project are welcome! Feel free to fork the repository and create a pull request for any enhancements or bug fixes.
This project was created by Natalie Zablotska - LinkedIn. The country data comes from REST Countries API.
This project is based on a challenge from FrontendMentor. Frontend Mentor is a platform that provides real-world front-end development challenges to help developers improve their skills.
If any questions or inquiries, feel free to send them to my email!