In this assignment, you are tasked with developing an online survey system that includes at least three interactive charts of different types. The system should meet the following requirements:
Utilize Bootstrap for webpage layout and responsive web design to ensure that the system is visually appealing and accessible on different devices.
Implement at least three different types of interactive charts to display the survey results. For this task, you are required to use the amCharts and/or ApexCharts.js libraries, which provide various charting capabilities. At least one of the charts must be developed using ApexCharts.js.
Implement a two-tier architecture, with a Vue.js Single Page Application (SPA) frontend and an Express.js backend, to handle form submissions asynchronously and render the survey results dynamically without page refresh.
Utilize Azure CosmosDB as the database for storing the survey responses.
After the user submits the survey form, the system should display the survey result charts next to the survey form using Ajax, without reloading the page.
Additionally, implement a searchable table using the Oruga UI library. The table should display the survey responses in a tabular format, and users should be able to search and filter the responses based on specific criteria.
To generate mock survey results, you can use Mockaroo, a tool that allows you to create custom mock data. Generate 1000 survey results using Mockaroo, ensuring that the data structure matches the expected format for storage in Azure Cosmos DB.
Additional Remarks:
Your work will be evaluated using Google Chrome or Safari browsers.
The deadline for the assignment is March 26, 5pm.
Email submission is not allowed, and late submissions will not receive marks.
You can reuse the survey questions and data from Assignment 1.