5sControl / 5sControl/5s-frontend

[6h] Create status Worker Display Screen

オープン
#1,100 コメント 1 件 リアクション 0 件 担当者 1 名 @SergBily が担当を希望しています GitHub で見る
ESMIL Feature
主要言語
TypeScript
スター
3
フォーク
1
PR マージ指標
30日以内にマージされた PR はありません

説明

### Description:
Develop a user interface (UI) screen that displays a list of workers, showing their current status, the order they are working on, and the operation they are performing. The screen should fetch data from the server-side API and handle any errors gracefully.

### Tasks:

Design a layout for the screen that includes a table or list with the following columns:

Worker Name

Work Status (e.g., "Available", "Busy", etc.)

Order (identifier or name of the order they are working on)

Operation (current task or action)

Integrate the API call to load data from the server.

Ensure the UI is responsive and displays correctly across different devices.

Implement error handling for scenarios like failed data fetch or empty responses, and display appropriate error messages to the user.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

The issue is for a frontend screen displaying worker status. Start by examining existing React components for similar table/list layouts and API integration patterns in the codebase. Look for API service files to understand how to fetch worker data. Implement the UI with columns for Worker Name, Work Status, Order, and Operation, ensuring responsive design and error handling. Verify by running the app and checking the screen loads data correctly.

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript
領域
frontend
issue の種類
機能追加
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
明確に書かれている
初心者へのやさしさ
55/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。