This project utilizes a progressive enhancement approach to add pagination, search filtering features and random background color change to a client list page using only Vanilla JavaScript.
You can preview List Pagination and Filtering.
Without JavaScript, this page displays a long list of client. I have enhanced the usability of the page by using unobtrusive JavaScript to dynamically divide the list into "pages". Each 'page' now only displays 10 clients at a time.
- Random background color change with page selection.
- Pagination -- Show only 10 clients/page
- Added a search feature to filter/find client
- Updated pagination results based on search
- Created fallback message for when no search results are available