A small Angular 20 application that uses the REST Countries API, this allows users to browse, search and filter through the countries as well as view additional country information.
- Displays a list of countries
- Every country can be clicked on to reveal additional information
- Search countries by name
- Filter countries by region
- View additional country details
- Load state handling
- Error state handling
- State handling for when there are no results
- Angular 20
- Typescript
- REST Countries API
- HTML and CSS
- Clone the repository using "git clone" along with the repository url.
- Install the dependancues using "npm install" or "npm i".
- Start the development server using "ng serve".
- Go to http://localhost:4200 using your browser.
- The application uses the REST Countries v3.1 API.
- Some countries might not have values for optional fields such as currencies, languages or capital.
- The API avaliability depends on the public REST Countries service.
- Data is loaded from the public API which could potentially change over time.
- There is no persistence of searches or filtered selections between sessions.
- Sorting the countries by name and population.
- Responsive improvements for mobile views.
- Storage for search and filter preferences (Either local storage or MongoDB).
- Unit tests for components and services.
