Skip to content

React application that populates an employee table via an API call and allows users to search for employees by name and/or sort table alphabetically.

Notifications You must be signed in to change notification settings

cnix273/employee-directory

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

employee-directory

Description

The application serves as an employee directory. The employee table is populated using an API call to randomuser.me. The user can then perform the following actions:

  • Search employees by first or last name by typing in the search box
  • Sort the list alphabtically by name by clicking the sort button
  • sort the list reverse alphabtically by clicking the sort button again

The applicaiton is built using React, Node, Express, JSX, CSS, and Javascript.

Installation

  1. Clone the repository from github to your local server: "git clone https://github.com/cnix273/employee-directory.git"
  2. Install the application dependencies: "npm install"
  3. Run the application: "npm start"

Usage

Technologies Used

  • JSX - HTML-like syntax used by React
  • JavaScript - Makes the application dynamic so that input can be received from the user.
  • CSS - Adds styling to the application.
  • React - Javascript library for building UI
  • GitHub - Hosts the repository.

Deployed application: https://cnix273.github.io/employee-directory/.

Application Walkthrough Video Walkthrough

Credits

Author: Cameron Nix

Contributing

Pull requests are welcome.

To contribute to this refactor, clone this repo locally and commit your code on a separate branch.

License

Licensed by: MIT License.

About

React application that populates an employee table via an API call and allows users to search for employees by name and/or sort table alphabetically.

Topics

Resources

Stars

Watchers

Forks