front-end part of the project