front end component