Skip to content

View an employee directory in a table. Search and filter employees. Uses TypeScript

License

Notifications You must be signed in to change notification settings

tiffany-brand/react-ts-employee-directory

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React TypeScript Employee Directory

License: MIT

Table of Contents

Description

This application allows a user to view a table of basic information about employees (employee data loaded from the Random User API). The user can sort the employees by first name, last name, gender, email address, phone number, city or state. Employees can also be filtered on those same fields by entering text into the search field.

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.

Development Notes

I began creating this application using JavaScript in a different GitHub repository. You can view my commit history of building the JavaScript logic and styling here:

React Employee Directory - JavaScript

Because I am learning TypeScript, I decided to convert my project to TypeScript. This repository contains my commit history for that conversion, as well as the final revisions I made. The deployed link below leads to the final TypeScript deployed application.

Deployed Link

React TypeScript Employee Directory

Screenshots and Demo

Employee-Dir-Demo-New

EmployeeDirScreen

Technologies

Installation

To install dependencies, run the following:

npm i

Usage

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
The app is ready to be deployed.

License

This repository is licensed under the MIT license.

Questions

Questions about this repository? Please contact me at [email protected]. View more of my work in GitHub at tiffany-brand

About

View an employee directory in a table. Search and filter employees. Uses TypeScript

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published