Apart from the basic HTML5 and CSS3, the frontend of this information system will be built on top of three main frameworks, Bootstrap, AngularJS.
Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first projects on the web. Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation, and other interface components, as well as optional JavaScript extensions. Bootstrap is the second most-starred project on GitHub. Bootstrap 3 supports the latest versions of Google Chrome, Firefox, Internet Explorer, Opera, and Safari. Bootstrap is modular and consists of a series of Fewer stylesheets that implement the various components of the toolkit. These stylesheets are generally compiled into a bundle and included in web pages, but individual components can be included or removed. Bootstrap provides several configuration variables that control things such as color and padding of various components.
Each Bootstrap component consists of an HTML structure, CSS declarations, and in some cases accompanying JavaScript code.
AngularJS s a complete JavaScript-based open-source front-end web application framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing SPAs (single-page applications). It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–ViewModel (MVVM) architectures, along with components commonly used in rich Internet applications. The AngularJS framework works by first reading the HTML page, which has embedded into its additional custom tag attributes. Angular interprets those attributes as directives to bind input or output parts of the page to a model that is represented by standard JavaScript variables. The values of those JavaScript variables can be manually set within the code, or retrieved from static or dynamic JSON resources. AngularJS is the 6th most starred project of all time on GitHub.