Skip to content

This project is a React-based application that implements user pagination, debouncing for search input, and displays content in a table format. The application fetches data from an external API and allows users to search and filter the data with a smooth and responsive user interface.

Notifications You must be signed in to change notification settings

Sandykr29/Debouncing-Search-Pagination

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

User Pagination and Search

This project is a React-based application that implements user pagination, debouncing for search input, and displays content in a table format. The application fetches data from an external API and allows users to search and filter the data with a smooth and responsive user interface.

Live Demo

You can view the live demo of this project here.

Features

  • Pagination: Efficiently navigates through a large dataset by dividing it into pages.
  • Debouncing: Prevents excessive API calls by delaying the search function execution until the user has stopped typing for a specified period.
  • Responsive UI: Displays user data in a table format with alternating row colors and hover effects for better readability.
  • Search Functionality: Filters user data based on the search term input by the user.

Screenshot

Screenshot of the Application

Installation

To run this project locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/your-username/user-pagination-search.git
    cd user-pagination-search

About

This project is a React-based application that implements user pagination, debouncing for search input, and displays content in a table format. The application fetches data from an external API and allows users to search and filter the data with a smooth and responsive user interface.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published