completed modify frontend