Added Pagination for SketchList

processing / p5.js-web-editor

The p5.js Editor is a website for creating p5.js sketches, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! You can create, share, or remix p5.js sketches without needing to download or configure anything.

GNU Lesser General Public License v2.1

1.32k stars 1.27k forks source link

Fixes #2952

Changes:

Implemented pagination for Sketches, enhancing navigation by breaking down the list of sketches into more readable, shorter components based on the sketchesPerPage value.
This value of sketchesPerPage dynamically adjusts according to the screen size, providing a more responsive and user-friendly browsing experience.

Interface

https://github.com/processing/p5.js-web-editor/assets/91189139/c34de2d5-25f2-46ce-8141-2cc96ad9267b

Tests

I have verified that this pull request:

[x] has no linting errors (npm run lint)
[x] has no test errors (npm run test)
[x] is from a uniquely-named feature branch and is up to date with the develop branch.
[x] is descriptively named and links to an issue number, i.e. Fixes #2952

processing / p5.js-web-editor

Added Pagination for SketchList #2961

Changes:

Interface

Tests

Release Environments