https://country-api-ruddy.vercel.app/
Rest Countries Explorer is a web application that allows users to explore and learn about countries around the world. The application integrates with the REST Countries API to pull country data and displays it in a user-friendly interface following the provided designs.
-
View All Countries: The homepage of the application presents users with a list of all countries fetched from the REST Countries API.
-
Search Functionality: Users can search for a specific country using an input field, making it easy to find information about a particular nation.
-
Region Filtering: The application provides a functionality to filter countries by region. Users can select a region to narrow down the list of displayed countries.
-
Detailed Information: Clicking on a country leads to a separate page where users can find more detailed information about the selected country. This includes data such as population, capital, languages spoken, and more.
-
Border Countries Navigation: On the detailed information page, users can click through to view information about the bordering countries of the selected nation.
-
Responsive Design: The interface is designed to be responsive, providing an optimal layout for users regardless of their device's screen size.
-
Interactive Elements: Interactive elements on the page have hover and focus states, enhancing the user experience.
-
Bonus Feature: Dark/Light Mode Toggle: As a bonus feature, users can toggle between light and dark color schemes based on their preference.
The front-end of Rest Countries Explorer is implemented using:
-
Angular: A powerful JavaScript framework for building dynamic web applications.
-
Tailwind CSS: A utility-first CSS framework that makes styling your applications a breeze.
-
RxJS: A library for reactive programming using Observables, widely used with Angular.
-
NX: Extensible Dev Tools for Monorepos, used for efficient code sharing and building.