To build the web user interface, we felt that Vue.js was suited for our needs: A progressive JavaScript framework that provides incrementally adaptable architecture with the focus on declarative rendering and component composition.
We used Quasar CLI, which is an open-source Vue.js based framework, that allowed us to create the responsive web app in a more efficient way, with easy project structuring as well as premade and customizable components.
We utilized Typescript in our website development to enhance code stability and maintainability. As a statically typed language, Typescript extends JavaScript with the addition of features such as classes, interfaces, and strong typing, promoting cleaner and more understandable code. By incorporating Typescript, we were able to identify errors earlier in the development process, resulting in a higher code quality.
We utilized Pinia in our website to manage state in a performant and easy to understand manner, allowing for a better user experience.
To facilitate language localization and provide a seamless experience for users and lectures of different linguistic backgrounds, we integrated i18n into our website.
We chose Apex Chart to build our graphs because of its ability to create visually appealing, responsive and interactive charts for our web application.