CSE136 FRONT END