first porject,a UI