A hierarchical UI for a company which shows all the employees
- Position names: Position names are shown in employee card and also in details panel
- Add member: Select a Team Lead or Team Member card and use the "Add Member" button in the details panel
- Change team: Select a Team Member card and use the "Change Team" dropdown
- Remove member: Select a Team Member card and use the "Remove member" button
- Update employee: Select any employees card and enter the employee details in the form
- Create team:Select a Department Card (HR, Design, etc.) and use the "Add Team" button
- Edit team name: Select any team card and click on the team name on the top of the Details panel. Department names can also be edited.
- Filter employees: Use the search bar in the navbar bar to search for any employee
- Promotions: Select any employee card and use the "Promote" button
- Unique names: All teams are required to have unique names. A form with duplicate team name will not submit
In the project directory, you can run:
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.
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!
See the section about deployment for more information.