sp-dev-fx-webparts icon indicating copy to clipboard operation
sp-dev-fx-webparts copied to clipboard

react-public-holidays-global: SPFx web part to show holidays by country with pagination

Open jtlivio opened this issue 5 months ago • 1 comments

By submitting this pull request, you agree to the contribution guidelines

  • [x] New sample
  • [ ] Bug fix/update
  • [ ] Related issues: n/a

What's in this Pull Request?

This SPFx web part allows users to display public holidays by country and browse results with pagination.

Key features:

  • Property pane to choose country
  • Paginated holidays list for the selected year
  • Chart with the number of holidays for the current + last 3 years
  • React + Fluent UI based interface
  • Chart.js integration (IF NEEDED)
  • REST API consumption from https://date.nager.at
  • Localization-ready
  • Node version file included for compatibility

Node Version

Node version used: v18.19.1

Checklist

  • [x] My pull request affects only ONE sample.
  • [x] My sample builds without any warnings
  • [x] I have updated the README.md file's Version history
  • [x] My README.md has at least one static high-resolution screenshot located in the assets folder.
  • [x] My README.md contains complete setup instructions, including pre-requisites and permissions required
  • [x] My solution includes a .nvmrc file indicating the version of Node.js

jtlivio avatar Jun 17 '25 23:06 jtlivio

Sample PR validation for #5496

✅ Validation status: success

We automatically validate all pull requests against our contribution guidance to ensure that all samples provide a consistent experience to our community.

In order to merge this PR in a timely manner, the following criteria must be met:

Validation Status
Pull request affects only one folder ✅ Succeeded
Sample folder name follows naming convention ✅ Succeeded
README.md contains visitor stat image ✅ Succeeded
Sample requires a .nvmrc file ✅ Succeeded
Sample requires a README.md ✅ Succeeded
Sample requires a screenshot .png in assets folder ✅ Succeeded
No .sppkg file ✅ Succeeded
No node_modules folder ✅ Succeeded
No lib folder ✅ Succeeded

github-actions[bot] avatar Jun 17 '25 23:06 github-actions[bot]

Thank you @jtlivio for your sample! Awesome!

We'd love to have your sample featured in one of our future community calls.

If haven't done so yet, and you'd be interested on showing this great sample in a public community call, please fill in following form and we'll get you scheduled - aka.ms/community/request/demo

Thank you for sharing your sample with others - you rock! 👏🥇👩‍💻

hugoabernier avatar Jun 22 '25 20:06 hugoabernier

Sample PR validation for #5496

✅ Validation status: success

We automatically validate all pull requests against our contribution guidance to ensure that all samples provide a consistent experience to our community.

In order to merge this PR in a timely manner, the following criteria must be met:

Validation Status
Pull request affects only one folder ✅ Succeeded
Sample folder name follows naming convention ✅ Succeeded
README.md contains visitor stat image ✅ Succeeded
Sample requires a .nvmrc file ✅ Succeeded
Sample requires a README.md ✅ Succeeded
Sample requires a screenshot .png in assets folder ✅ Succeeded
No .sppkg file ✅ Succeeded
No node_modules folder ✅ Succeeded
No lib folder ✅ Succeeded

github-actions[bot] avatar Jun 22 '25 20:06 github-actions[bot]

Thank you so much @hugoabernier for the kind words and the invitation!

I'm really glad the sample was helpful and I'd be delighted to join a future community call to share more about it. I'll fill out the form as suggested.

Keep up the great work with the community – it's a pleasure to contribute! 🚀

jtlivio avatar Jun 26 '25 16:06 jtlivio