An employee directory react application where one can browse , sort and search for employees.
This app creates an employee directory by using data from randomuser.me API. With this app, one can view the employee directory, search for a particular employee or employees that match the search string. Also the employees can be sorted based on name or DOB. This app is bootstrapped with Create React App. This is front-end only application with a front-end API call fetching necessary data for display.
The deployed application can be found at: https://s-suresh-kumar.github.io/workplace-directory/
Just clone the repository, and issue npm i to install dependencies. To use locally, one has to issue npm start which will launch the app on the default browser.
Either you can play with the app on local host or deploy it in github gh-pages or deploy it in Heroku so that one can access the functionality of the app. Using the app is pretty straight forward. To begin with 200 random users / employees are fetched from randomuser API and rendered as table of users showing picture, name, phone, e-mail and date of birth in respective columns. Using the search box, one can search for a set of employees or a specific employees, as the user keeps typing, the table is automagically re-rendered by react filtering the number of users filtered by the search string. Also the app allows sorting to be performed based on name of employee or DOB of the employee.
This project is licensed under the MIT License.
When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change.
Please note we have a code of conduct, please follow it in all your interactions with the project.
Ensure any install or build dependencies are removed before the end of the layer when doing a build. Update the README.md with details of changes to the interface, this includes new environment variables, exposed ports, useful file locations and container parameters. Increase the version numbers in any examples files and the README.md to the new version that this Pull Request would represent. The versioning scheme we use is SemVer. You may merge the Pull Request in once you have the sign-off of two other developers, or if you do not have permission to do that, you may request the second reviewer to merge it for you.
In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
Examples of behavior that contributes to creating a positive environment include:
Using welcoming and inclusive language Being respectful of differing viewpoints and experiences Gracefully accepting constructive criticism Focusing on what is best for the community Showing empathy towards other community members Examples of unacceptable behavior by participants include:
The use of sexualized language or imagery and unwelcome sexual attention or advances Trolling, insulting/derogatory comments, and personal or political attacks Public or private harassment Publishing others' private information, such as a physical or electronic address, without explicit permission Other conduct which could reasonably be considered inappropriate in a professional setting
Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at [[email protected]]. All complaints will be reviewed and investigated and will result in a response that is deemed necessary and appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4
There are no automated tests written for this app. However it is easy to launch the app by going to https://s-suresh-kumar.github.io/workplace-directory/, Once the page is visited, it is straight forward to use the app. User can filter results, sort by name and DOB.
Please send your questions via e-mail or via my github profile.
`