Convert JavaScript to Vue components for network tester
Budget: $30 – $250 USD
We need a network tester for our clients to verify that they have adequate network connectivity for our application.
We've found 2 JavaScript open-source projects that can produce the functionality we need. A third JS open-source project displays an FFT spectrogram of the microphone input. We’d like to combine these with vue-chartjs for the line chart and progress bar.
After the tests have been run, the results are collected and passed to a testSummary component. This component will have hardcoded warning and error thresholds for the test results. These results are show as the value and a “traffic light”. Red if under error threshold, yellow if under warning threshold and green otherwise.
The attached diagram shows the calling function and the 6 components. testBrowser function does not need modification and is good to go as is.
Your task is to piece together the projects to form the other 5 Vue components. The testSummary component will be coded from scratch but the logic and graphics are extremely simple.
For testing your components, we need a simple test application that runs these tests. The tests should be run sequentially, so that the next test is started when the previous test ends. Only testSpeaker requires input from the user (Yes/No selection). The test app can have hardcoded audioinput/audiooutput device IDs instead of selectors.
Happy bidding
We've found 2 JavaScript open-source projects that can produce the functionality we need. A third JS open-source project displays an FFT spectrogram of the microphone input. We’d like to combine these with vue-chartjs for the line chart and progress bar.
After the tests have been run, the results are collected and passed to a testSummary component. This component will have hardcoded warning and error thresholds for the test results. These results are show as the value and a “traffic light”. Red if under error threshold, yellow if under warning threshold and green otherwise.
The attached diagram shows the calling function and the 6 components. testBrowser function does not need modification and is good to go as is.
Your task is to piece together the projects to form the other 5 Vue components. The testSummary component will be coded from scratch but the logic and graphics are extremely simple.
For testing your components, we need a simple test application that runs these tests. The tests should be run sequentially, so that the next test is started when the previous test ends. Only testSpeaker requires input from the user (Yes/No selection). The test app can have hardcoded audioinput/audiooutput device IDs instead of selectors.
Happy bidding