JoelDore / employee-directory

📋 React app that allows a manager to quickly access their employees' information

Employee Directory

React app that allows a manager to quickly access information on all their employees

Table of Contents

• Features
• Installation
• Usage
• Technologies
• Contributing
• Future Scope
• Questions

Features

• Random set of employees generated using the Random User API
• Sort employees by first name, last name, or employee ID#
• Text input with dropdown menu to filter employees by name
• Downloadable as Mobile/Desktop Progressive Web App

Installation

1. Download project by clicking at the top of this repository (make sure you are in main branch, not gh-pages), and open project directory in terminal.
2. Install all dependencies:

   npm i
   

Usage

Currently deployed with GitHub Pages

1. When the page loads, a table will be populated with 20 random employees. Each employee card displays a photo, full name, employee ID, address, email and phone number.
2. Select an option from the first dropdown to sort employees by first name (default), last name, or by ID number.
3. Start typing in the filter input or select name from dropdown to search for a particular employee.
   

Technologies Used

• React
• Random User API

Contributing

Contributions welcome!

1. Fork this repository
2. Create a new branch
3. Commit/push your changes
4. Create a new pull request

Future Scope

• Cache users with service worker for offline functionality
• Integrate a backend API/login system & allow users to add/remove employees

Questions

If you have any questions, feel free to create an Issue or contact me directly at [e-mail]

License

This project is MIT licensed.
© 2021 Joel Dore

---