For this assignment, we create a employee directory with React. This assignment will require the app's UI to be separated into components, manage component state, and respond to user events.
-
Clone this GitHub repository
git@github.com:harishnarain/employeedirectory.git -
Install all dependent npm packages
npm install --save -
Run the development server
npm start -
If deploying to a hosting platform follow the instructions of that platform for deploying React apps
- Click on Employees from the side drawer
- Navigate the pagination
- Run a filtered search by typing terms in the search input
- To generate another random list click the "refresh employees" button
A demo of the application is available at: https://aqueous-anchorage-40595.herokuapp.com/
- Separate route for /employees
- Debounced search queries
- Sorting in ascending or descending order
- Enhanced pagination with ability to select rows per page
- Refresh Employees button to generate a new list
- Shared state management with Redux
- Asynchronous data fetching provided by Redux-Saga
- Using purely functional components and React Hooks
- Using Material-UI
This project uses the MIT license
Pull requests are welcome
Home Page
Checkout my GitHub profile
Please feel free to email at: harishnarain@gmail.com