This is the second version of spritemaths.
The second edition includes php, vue and mysql. Vue and tailwindcss made it easy to make the UI impressive and interactive. It worked well with Mathlive even since Mathlive's recent updates. Although I did have to rewrite the code in some parts to make sure Mathlive was still compatible.
- Mathlive for math input fields and math display candy.
- php math parser.
- function plotter for javascript and typescript
This is the Dashboard screen. After logging in the user sees two panels. The upper panel contains previously saved tests that can be revisited. The lower panel contains the tests available to the user.
This is the Quiz screen. Here a user will input their answers. The user can cycle through the available questions in the quiz. They have the choice to save the quiz to come back to it later, or have their quiz marked by the server marking script.
This is the Results screen. The user can see how many questions that were correct and incorrect. For incorrect or incomplete answers the page includes a drop down so that users can see how the question is answered correctly.
This is the Quiz screen. This shows the addition of the function plot display.
This is the code. This shows the Addition Class which inherits basic properties and functions from the Question class.
This is the code. The addition class again.
This is the code. This shows a segment of the Quiz Controller. It contains the logic for validating the request data.