create the initial ui