frount end ocs