refactored front end display and naming conventions for html Names