Employee Directory

Introduction

Employee Directory is a demo online employee react single page Directory web application which have two pages. One first page user can see information regarding some Employee in a company as a list and image and can filter between male and female and search the employee with the name as well. On second page user can see the more detail regarding that employee in a separately opened link in the browser.

Requirements

Completed

1. There should be at least two routing pages (Home, Profile).
2. The Home page should contain contact information about Employee.
3. The Profile page should have detailed information regarding each employee.
4. The application should be a single page application.
5. Responsive design should be used.
6. Modern looking design.

Tools and technologies used

Visual Studio Code Terminal JavaScript React Bootstrap 5 Context API Axios NPM Git

Prerequisites

Install Nodejs Install NPM Install React Install CLI Install Git

Starting the Application in project directory.

$ npm install $ npm start

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

The page will reload when you make changes.
You may 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.
Your app is ready to be deployed!