> ## Content Index
> Fetch the complete content index at: https://reactpractice.dev/llms.txt
> Use this file to discover other available public pages before exploring further.

# Build a Public holidays app
- URL: https://reactpractice.dev/exercise/build-a-public-holidays-app/
- Published: 2024-11-04T08:28:40.000Z
- Updated: 2026-06-01T01:57:31.000Z
- Author: Corina Udrescu
- Tags: Data fetching, #corina-2, Exercises, Working with APIs, Phase 1 - STARTER, #Import 2026-06-09 12:07

Build a React application that shows the **national holidays** for the **current year**, for a **given country**.

The main screen should show:

- a **dropdown** with a list of countries
- a **list of public holidays** for the selected country

You can retrieve a list of available countries and their holidays from the [OpenHolidays API](https://www.openholidaysapi.org/en/api/?ref=reactpractice.dev). Use English (`en`) for the `languageIsoCode`.  
By default, you should show the holidays for **The Netherlands**.

I recommend using [React Query](https://tanstack.com/query/latest/docs/framework/react/quick-start?ref=reactpractice.dev) for data fetching ([here's why](https://reactpractice.dev/articles/data-fetching-with-useeffect-why-you-should-go-straight-to-react-query-even-for-simple-apps/)) and [Paper CSS](https://reactpractice.dev/articles/how-to-add-paper-css-to-your-react-project/) for stylling.

💡 Ready to check your work?  
Become a member and get access to the ****official solution** and the comments section for ****feedback and discussion**.  
  
Also, for a limited time, you will also get a ****code review** when you share a link to your completed challenge in the comments section!

[Learn more about the membership ](https://reactpractice.dev/become-a-member/)