This is a simple React web application that enables users to filter employee data based on the number of records and the starting ID. It fetches data from a dummy API and displays the filtered employee list.
- Filter employees by specifying the number of records to display.
- Filter employees by setting the starting ID to begin displaying records.
- Real-time filtering without page refresh.
- Error handling for API calls and user input.
You can check out the live demo of the Employee Filter Application here.
To run the application locally, follow these steps:
- Ensure you have Node.js, npm or yarn installed on your machine.
- Clone this repository to your local machine using
git clone
. - Navigate to the project directory:
cd employee-filter
. - Install the required dependencies:
yarn
.
- Run the application locally:
yarn start
and the app should now be running onhttp://localhost:3000
- Use the input fields to set the number of records and the starting ID.
- The application will fetch data from the dummy API and display the filtered results in real-time.
You can also run the unit tests for the application using the following command:
yarn test
- React: JavaScript library for building user interfaces.
- Axios: Promise-based HTTP client for making API requests.
- TailwindCSS: Utility-first CSS framework for rapid UI development.
- Jest and Testing Library: For unit testing the components.
This project is licensed under the MIT License. Feel free to use, modify, and distribute the code as per the terms of the license.