Skip to content

Dragontalker/react-employee-directory

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

92 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Employee Directory

Javascript Badge React Badge Nodejs Badge

🚀 Deployed on Heroku

https://dragontalker.github.io/react-employee-directory/


Table of Contents

Description

React is the most popular front-end technology right now. This React application is to demonstrate its power of fast dynamic rendering. The table is dynamatically updated whenever user types in something in search bar, no button clicking is required. Moreover, user can sort each column by clicking on the header, either in ascending order or descending order.

🔧 Technologies Used

  • React
  • React Hooks
  • React Tables
  • Node.js
  • RESTful Api
  • Axios
  • HTML 5
  • CSS 3
  • JavaScript
  • VS Code
  • GitHub Pages

Back to the Top

Screenshot of Deployed React Application

app screenshot

Back to the Top

How to Use

🔮 This application includes two features: dynamic filtering and customized sorting.

👀 Feature: Dynamic Filtering

This application has a built-in global filter, basically type in anything you want to search and it will filter the table for you.

filter screenshot

Back to the Top

🏆 Feature: Customized Sorting

Click on the header to select sorting mode, the direction of the triangle indicates the sorting order.

Example 1: Sorting age in asceding order:

ascending sort

Back to the Top

Example 2: Sorting city in descending order:

descending sort

Back to the Top

How to Install

💿 For local installtion, please type in the following command in console:

npm install

💻 After installtion completed, use the following commander to start react app:

npm start

Back to the Top

License

🎓 MIT License

Copyright (c) [2021] [Richard Yang]

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.

Back to the Top

Author Info

👾 Tong (Richard) Yang is a full stack software engineer from Canada, living Toronto Area. If you have any questions, email him at richard.yang.tong@gmail.com or visit his GitHub.

Back to the Top