employee-directory
Employee Directory
Description
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
Table of Contents
Installation
- 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
Usage
To run this app:
- Open the console in the directory where the application files are located and run the following command:
npm start
Screenshots
Website
Repository
License
This application is covered under license: MIT License.
Contributing
If you would like to contribute to this repository, please contact me via the email below to discuss the changes you wish to make.
Tests
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.
Questions
Contact Information
GitHub Profile: @johannaleal
Email: johannarleal@gmail.com