creating front end viewer