Employee Directory

Description

This project involves creating an Employee Directory app that displays details about employees in a company. Users can browse through employee profiles, which include job titles and contact information, providing a comprehensive overview of the staff.

Requirements

The Employee Directory should include the following features:

• Display a list of employees with their details.
• Include job titles and contact information for each employee.
• Allow users to search for employees by name or department.
• Provide a clean and responsive interface using Tailwind CSS.

Key Concepts

• Using React components to render lists of data dynamically.
• Handling user input to filter and search through data.
• Implementing responsive design practices with Tailwind CSS.
• Managing state to facilitate real-time data updates and searches.

Learning Objectives

After completing this project, students will be able to:

• Create an application that displays and filters employee data.
• Utilize state management techniques for data-driven React components.
• Implement search and filter functionalities in a React app.
• Design a responsive user interface using Tailwind CSS.

$ npm create vite@latest employee-directory -- --template react-ts

$ yarn create vite employee-directory --template react-ts

$ bun create vite employee-directory --template react-ts