finised both front and back code