Skip to content

A React-based application featuring a list of employees that the user can either search through or sort by differing categories (name, department, email address, or branch).

Notifications You must be signed in to change notification settings

rh9891/DunderMifflinPaperCompanyEmployeeDirectory

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dunder Mifflin Paper Company Employee Directory

NPM Version Badge License: MIT

Table of Contents

Description

The Dunder Mifflin Paper Company Employee Directory is an application where a user can easily and quickly access information for any Dunder Mifflin employee. The user can do a filtered search by inputting the employee name into the search bar, which will retrieve any matching results and display that employee's non-sensitive information. The Dunder Mifflin Paper Company Employee Directory also has an extensive sort functionality, which means that the user can also view the employee information by clicking on the different categories (employee name, email address, department, and branch) to view the employee information in both ascending and descending order

The Dunder Mifflin Paper Company Employee Directory utilizes React, a Javascript library, to build the application. The application also required the breakdown of the user interface into components, managing the component state, and responding to user events.

User Story

AS A user
I WANT to be able to view my entire employee directory at once
SO THAT I can have quick access to their information.

Features of the Application

GIVEN an employee directory
WHEN I load the page
THEN a table of employees should render.

WHEN I click on a category (employee name, email address, department, etc.)
THEN I should be able to sort the employees by that category.

WHEN I input an employee name into the search engine,
THEN I should be able to filter the employees by that property.

Preview of the Dunder Mifflin Paper Company Employee Directory

Dunder Mifflin Paper Company Employee Directory Homepage

The following animation demonstrates the application's search functionality:

The following animation demonstrates the application's sort functionality:

To download the above video files of the application functionality, you may do so here and here.

Links

  1. Deployed Application

  2. Github Repository

Usage

The application can be initiated by inputting npm start into the command line interface and running the application on localhost: 3000.

License

The MIT License (MIT)

Copyright (c) 2020 Romie Hecdivert

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Contributing

If you would like to contribute to this repository, please contact me via Github.

Questions

If you have any questions, comments, or issues regarding this application, please do not hesitate to contact me via Github.

About

A React-based application featuring a list of employees that the user can either search through or sort by differing categories (name, department, email address, or branch).

Topics

Resources

Stars

Watchers

Forks