creating UI -- part I