Skip to content

drkittendorf/employee-directory

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DALE'S REACT EMPLOYEE DIRECTORY

TABLE OF CONTENTS


CONTRIBUTORS

Dale Kittendorf



DESCRIPTION

This react website showcases a table of employees largely powered by the mdbreact package and dummy data supplied from RANDOM USER GENERATOR (https://randomuser.me/api/?results=200&nat=us).

With a table of random users, when the user loads the page, a table of employees renders.

The user can:

  • Sort the table by at least one category
  • Filter the users by at least one property.

An employee or manager would benefit greatly from being able to view non-sensitive data about other employees. It would be particularly helpful to be able to filter employees by name.

USER STORY

  • As a user, I want to be able to view my entire employee directory at once
  • So that I have quick access to their information.

---

REFERENCE LINKS

Link to **Dale's Employee Directory ** deployed on Github - Application Live Link

Link to GitHub Repo used for application development - Application GitHub Repo



LANGUAGES AND TOOLS:

Visual Studio Code

HTML5

CSS3

JavaScript

React

Node.js

GitHub




CORE PROJECT TECHNOLOGIES

Here is a list of all the core technologies used to develop this application.

  • React.js - A JavaScript library for building user interfaces
  • Node.js - An asynchronous event-driven JavaScript runtime

CORE NODE DEPENDENCIES

The dependencies listed below are all the core NPM packages used throughout the project.

  • react-dom - This package serves as the entry point to the DOM and server renderers for React.
  • react-bootstrap - Bootstrap 4 components built with React.
  • mdbreact- React Bootstrap with Material Design
  • gh-pages- GitHub Pages is a static site hosting service that takes HTML, CSS, and JavaScript files straight from a repository on GitHub.


FUTURE DEVELOPMENT

For future development, I would like to incorporate the following enhancements:


LICENSING

License: MIT

The code in this project is licensed under MIT license.


SCREENSHOTS AND VIDEO

  • SCREENSHOT(S)

screenshot1


  • VIDEO

      (TBD)