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.

• Employee Directory - Yet another employee directory
  • Table of Contents
  • Installation
  • Usage
  • Features
  • License
  • Contributing
  • Screenshots
  • Questions

1. Clone this GitHub repository

   [email protected]:harishnarain/employeedirectory.git
   

2. Install all dependent npm packages

   npm install --save
   

3. Run the development server

   npm start
   

4. If deploying to a hosting platform follow the instructions of that platform for deploying React apps

1. Click on Employees from the side drawer
2. Navigate the pagination
3. Run a filtered search by typing terms in the search input
4. 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: [email protected]