Application Design for Javascript Compiling

I need an application design for a Javascript Electron Application. I'm making an application similar to the famous `Codekit` or `Prepros` application. All the logic and back end is done. I need a good design system that's scalable, clean and modern. I will give a lot more money depending on the final product. Pages: All the application state must include some sort of navbar to show these options to the clients: -Settings (Contains the global settings for the project) -Logs (Contains log information) First application state is the No Active Projects state: The no active projects state, like the name suggest, is a state where we want the client to add a project. Simply by drag and dropping a folder or pressing a button with an icon. Second State Is the Current Project ( Main Design ) The second state needs to include a way to navigate through a folder structure. Either a Treeview or another design principle you find useful. Easily switch between projects panes (You can decide, I thought about a drop-down). Third state is the Logger. I would like a modern way and clean way to log errors, warning and compile related to JavaScript. For example, syntax errors or linter errors. Fourth State Is the Settings Settings must include a review like structure to select between the different category. Other than that, the setting options can be filled with information that is not important. However, in the Settings, I'll be using a radio button, a checkbox button, inputs, slider and number inputs. App can take ideas from `Codekit` or `Prepros`. However, I do not want a design entirely based on the design of these tools. `[login to view URL]` `[login to view URL]` I wish you the best of luck!