Employee Directory is a web application that displays an employee directory using React JS and has the following functionality:
- Gets random employee data using the Randomuser API
- Displays the employee data in a table
- Allows the user to search by employee name by typing characters in a search bar. If the characters entered are contained in any part of the employee's first or last name, it will be included in the search results.
- Allows the user to sort employees by name and state in ascending or descending order by clicking on the corresponding column headers
- Clone this repo.
- Install node.js. It can be downloaded here: node.js Downloads
- Initialize npm:
npm init -y
- Create React app:
npx create-react-app employee-directory
- Install Axios npm package:
npm install axios
- Install React Icons package:
npm install react-icons --save
To run this app:
- Open the console in the directory where the application files are located and run the following command:
npm start
This application is covered under license: MIT License.
If you would like to contribute to this repository, please contact me via the email below to discuss the changes you wish to make.
To test this application:
- Run the application in your terminal by typing:
npm start
- Verify that the Employee Directory web application displays.
- Enter letters in the search bar at the top of the page and verify that only matching employee names display.
- Click on the Name column header sort arrow to sort rows in ascending and descending first nane order.
- Click on the State column header sort arrow to sort rows in ascending and descending state order.
GitHub Profile: @johannaleal
Email: johannarleal@gmail.com