Build A Desktop App (Template) Front end In react

This project is very simple. The app is simply a website that runs in react. You are supposed to make the app communication through web-socket to a background service. EDIT:You will not make the background service, but it should be possible to simulate it by sending raw json strings to the client. EDIT:You also agree the code will be MIT Licenced. APP DESIGN When the user launches the page it is supposed to display a spinner, preferably [login to view URL] As it awaits connection to the desktop service. You are required to use [login to view URL] Once connected, it should show a small progress bar at the bottom of the spinner and some text which will be sent from the service as a json containing the text and progress value.(Something like how discord does) After the service is ready, the (server service) will notify the app through websocket to either login or display the following pages. This is the logic of how it should work The server service code decides the logic i.e which page should be displayed and responds through json. App receives json parse json if(current_page=login){ show login page with textbox for email+password.(send them through websocket plainly) add button for login which should send the data as json. } else if(current_page=manufacturers_page){ it should show the first page which contains a dropdown(whose values will populated through websocket) and a button. This values will contain mobile brands. when user presses next, just send the chosen option id through websocket. } else if(current_page=devicemodels_page){ it should show a page which contains mobile device types in a dropdown(whose values will populated through websocket) and a button. when user presses next, just send the chosen option id through websocket. } else if(current_page=operations) { After the user chooses a model, it should display a list of operations, this too will be sent from the service through websocket. and a button for start. when user presses start, just send the chosen operation id through websocket. } else if(current_page=operation_page){ The operations page is a progress bar and maybe some terminal like console showing log messages from websocket. at the bottom we should have a button containing a close operation. when the user presses this, it should send c message through websocket signaling a close so the server can respond with a reset to the first page } EDIT UPDATE: This two libraries are supposed to be used in the projects design react-redux-websocket [login to view URL] and react-loader-spinner [login to view URL] I prefer that you make it easy for me to add pages, e.g I am required to later on add a page that should load an iframe based on the servers request. At the end of it, I should be able to simulate the servers response by sending raw json strings to the client which you are making. This are some photos of what I tried in angular, I can guide you along since I'm also a developer. In the photos I used [login to view URL] for testing as a demo server This is what I had earlier made in angular, it works but has bugs. I don't need angular [login to view URL]