creating the ui