BeTalent Dashboard

Project Description

BeTalent Dashboard is a web application developed to visualize a list of employees in a structured and responsive way. The application provides a search feature and an optimized mobile layout, ensuring a good user experience across different devices.

---

Features

• Search Employees: Allows users to filter employees based on their names.
• Employee List: Displays a complete list of employees in a structured table.
• Responsive Design: Adapts the layout for both desktop and mobile devices.

---

Tech Stack

• Frontend: React, TypeScript, SCSS, Axios
• Backend: json-server for simulating an API

---

Installation

1. Clone the repository:

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

2. Navigate to the project directory:

cd betalent-dashboard

3. Install dependencies:

npm install

4. Start the development server:

npm run dev

---

Usage

1. Open the application in your browser at http://localhost:3000.
2. Search for employees using the search bar.
3. View the list of employees in both desktop and mobile layouts.

---

API Configuration

1. The project uses json-server to mock the API for employee data.

2. Install json-server globally if you haven't already:

npm install -g json-server

3. Start the mock API:

json-server --watch db.json --port 5000

---

API Endpoints:

• Fetch Employees: GET /employees
• Search Employees: GET /employees?q={name}