A simple web application built with React that allows users to search for countries based on their currency code. The application features a search box with Debouncing functionality, country cards, and pagination for easy navigation.
- Input field for users to enter a currency code.
- Debouncing functionality to enhance user experience and reduce API requests.
- Displays information about countries using the entered currency code.
- Each card includes the country name, capital, continent, and a flag image.
- Paginates the list of countries to show a limited number per page (4 countries per page).
- Allows users to navigate through pages.
The application is structured with three main components:
Main component responsible for managing the state, handling API requests, and rendering other components.
Card component responsible for displaying information about countries.
Heading component to display during the mount phase or when there is no data.
- Clone the repository to your local machine.
- Install dependencies with npm install.
- Run the application with npm start.