Skip to content

rohin98/empl-chart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 

Repository files navigation

empl-chart

Organization Chart Application

This application provides a visual representation of your organization's structure through an interactive chart interface. It allows users to filter employees by team, search for specific employees, and drag-and-drop to update reporting relationships.

Features

Filtering by Team: Filter employees by their assigned teams to focus on specific groups.

Search Functionality: Search for employees by their name or designation to quickly locate them in the chart.

Interactive Chart: Drag and drop employees to update their reporting relationships directly on the chart.

Responsive Design: The application interface is optimized for various screen sizes, ensuring a seamless user experience on desktop and mobile devices.

Installation

Clone the Repository: git clone https://github.com/yourusername/organization-chart-app.git

Install Dependencies:

npm install

Start the application:

node server.js

Run the application build:

Go to path: cd ROOT

Start the Application: yarn build

Access the Application: Open your web browser and navigate to http://localhost:3000

Usage

Upon launching the application, you will see the organization chart displayed on the screen. Use the filter dropdown to filter employees by their assigned teams. Enter a search query in the search box to find specific employees by name or designation. Click and drag an employee node to update their reporting relationship within the organization.

Acknowledgements

OrgChart.js - Interactive organizational chart library

Tippy.js - Tooltip library for interactive popover functionality

About

Interactive Employee Organization Chart

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published