front-end working step 1/4