amnnnn16/employee-dashboard

Employe dashboard for interviews using React.js

Employee-dashboard

Employe dashboard for interviews using React.js

Employees Activity Dashboard

This is a React-based application for displaying an employee activity dashboard. The dashboard includes a table of employees with details such as their rank, name, designation, hours worked, and changes in hours. It also features a card highlighting the employee of the month.

Features

• Responsive design using Material-UI.
• Attractive UI with custom CSS.
• Employee table with rank, name, designation, hours worked, and changes.
• Highlighted card for Employee of the Month.

Getting Started

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Make sure you have the following installed:

• Node.js (v14 or higher)
• npm (comes with Node.js)

Installation

1. Clone the repository:

   git clone https://github.com/your-username/employees-dashboard.git
   cd employees-dashboard
   

2. Install the dependencies:

npm install

3. Start the development server:

npm start

Components

Dashboard.js: The main component that structures the dashboard layout.

EmployeeTable.js: Displays the table of employees with their details.

EmployeeCard.js: Displays the employee of the month card.

Custom CSS

App.css: General styles for the app. EmployeeTable.css: Specific styles for the Employee Table component. EmployeeCard.css: Specific styles for the Employee Card component.

Example Data The employee data is currently hardcoded in EmployeeTable.js for demonstration purposes. You can update it or replace it with dynamic data fetching as needed.

Dependencies

React Material-UI