Coder Social home page Coder Social logo

nikolaybutnik / employee-directory Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.61 MB

A web application that allows the user to view, filter and sort a list of employees.

Home Page: https://nikolaybutnik.github.io/employee-directory/

HTML 15.67% CSS 12.06% JavaScript 72.27%

employee-directory's Introduction

Employee Directory

License: MIT

Description

A web application that allows the user to view, filter and sort a list of employees.

Link to application

Employee Directory Screenshot

Table of Contents

  1. Installation
  2. Usage
  3. License
  4. Contributing
  5. Issues
  6. Questions

Installation

To install the application locally, run npm install to install all dependencies required to run it.

Usage

Start the app by running npm start from CLI. The app is also hosted on GitHub Pages. This application makes an API call to randomuser.me to obtain dummy data to populate the employee table.

At the top of the screen there are five filter conditions avaiable. By default all five are selected. Unchecking the boxes will hide employees that correspond to the selected roles.

It is also possible to sort the table by information in alphabetical order. To sort by first name, click the 'First Name' table heading. To sort by last name, click the 'Last Name' table heading. To sort by role, click the 'Role' table heading. Clicking the heading once will sort the data in ascending order, and clicking it again will sort in descending order. For visual aid, sortable headings have an icon next to their name.

License

This project is covered under the MIT license. To find out what is permitted under this license, click the license badge at the top of the README.

Contributing

Feel free to submit any pull requests. All pull requests will be considered.

Issues

There is a known issue that on page load occassionally the employee data will not load. That seems to be a limitation of the API used. Refresh the page to make the API call again. There is currently no known solution to this problem.

Questions

You may directly send any questions related to this project or any of my other projects to my email adress. To find all my projects visit my GitHub profile.

employee-directory's People

Contributors

nikolaybutnik avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.