Designed a Graphic User Interface (GUI) prototype for the integration of TSN with 5G MEC platform.
- Frontend (React)
Displays a graphical network map showing switches and their connections.
Uses D3.js (or another visualization library) to position and render switches.
Calls the backend to fetch real-time switch data.
- Backend (Express.js)
Fetches switch details from the API .
Filters out invalid switches (e.g., those without a name or IP).
Formats the data into a structure that the frontend can use.
Sends this processed data to the frontend when requested.
- Data Flow
The frontend makes an API call to GET /api/network.
The backend processes the data and returns the list of switches with their IP, name, and positions.
The frontend renders the network map with this data.