5sControl / 5sControl/5s-frontend

[6h] Create status Worker Display Screen

Aperta
#1,100 1 commento 0 reazioni 1 assegnatario Rivendicata da @SergBily Vedi su GitHub
ESMIL Feature
Lingua principale
TypeScript
Stelle
3
Fork
1
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

### 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.

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

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.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react, typescript
Ambito
frontend
Tipo di issue
Funzionalità
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Specificata chiaramente
Idoneità per principianti
55/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.