Reusable components for SPA

Question

Hi Team

I have a model below, how do i create razor components for this? Basically the page should be single page. It must do this following

The application should include the following: a listing of operations with an option to remove an operation a modal form to add a new an operation to the list of operations a modal form to add a new device to an operation a pleasant user interface.

class Operation {
	
	public int OperationID {get;set;}
	public string Name {get;set;}
	public int OrderInWhichToPerform {get;set;}
	public byte[] ImageData {get;set;}
	public Device Device {get;set;}
	
}
class Device {
	
	public int DeviceID {get;set;}
	public string Name {get;set;}
	public DeviceType {get;set;}
}

enum  DeviceType {
	
	BarcodeScanner,
	Printer,
	Camera
	SocketTray
}