processing / processing/p5.js-web-editor
Implementing Pagination while rendering examples
Open
Nobody has claimed this yet.
Feature Request
- Dominant language
- JavaScript
- Stars
- 1.7k
- Forks
- 1.7k
- Avg merge
- 3d 4h
- Merged PRs (30d)
- 8
Description
Increasing Access
Implementing pagination can enhance accessibility by :
- Improving load times,
- Enabling keyboard navigation
- Ensuring screen reader compatibility
- Enhancing compatibility with assistive technologies
- Providing better scalability
- Optimising for mobile devices,
Feature request details
Their should be pagination in the examples page, with a particular number of examples rendered each time
https://github.com/processing/p5.js-web-editor/assets/91189139/b87c736b-a1a9-4eec-990e-035dae21d9a3
I want to Work on this issue
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Locate the examples page and the entry point responsible for rendering its examples, then inspect how the current list is produced. Implement a defined number of examples per page with navigation, and verify that the page renders the expected subset and supports keyboard and assistive-technology use.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100