add front end code
frontend code structure