added magnitude
integrated frontend