sp-dev-fx-webparts
sp-dev-fx-webparts copied to clipboard
react-public-holidays-global: SPFx web part to show holidays by country with pagination
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.mdfile's Version history - [x] My
README.mdhas at least one static high-resolution screenshot located in theassetsfolder. - [x] My
README.mdcontains complete setup instructions, including pre-requisites and permissions required - [x] My solution includes a
.nvmrcfile indicating the version of Node.js
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 |
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! 👏🥇👩💻
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 |
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! 🚀