Frontend Technologies
For serving our Frontend, we have used a NodeJS Server and Express which will be explained later in the documentation. For the Frontend, we have used Vanilla JavaScript with a few libraries. The libraries are:
- ChartJS (opens in a new tab) - For the charts
- jQuery (opens in a new tab) - For the DOM manipulation
- True Audio Player (opens in a new tab) - For the audio player
Vanilla JavaScript
Vanilla JavaScript is a term used to describe JavaScript without any additional frameworks. In our project, we used Vanilla JavaScript to implement the logic and functionality of the frontend. This included processing user inputs, updating the user interface, and sending API requests to the server.
ChartJS
ChartJS is a powerful and flexible JavaScript library for creating charts and visualizations. It provides a simple API for creating various types of charts, including bar charts, line charts, pie charts, and more. In our project, we used ChartJS to create dynamic and interactive charts to visualize the data received from the server.
jQuery
jQuery is a fast, small, and feature-rich JavaScript library that makes it easy to work with HTML documents. It provides a simple API for manipulating the Document Object Model (DOM), making it easier to add, remove, and update elements on the page. In our project, we used jQuery to manipulate the DOM and update the user interface in response to user inputs and API responses.
True Audio Player
True Audio Player is a JavaScript library for playing audio files on the web. It provides a simple API for playing and controlling audio files, including features such as play/pause, volume control, and more. In our project, we used True Audio Player to provide a custom audio player for the user to play and control audio files.