add front-end parts