Develop an educational mobile web site (application) for a specific short topic, like a lesson from school (for example, to keep it simple, you can choose a topic between grades 3 and 10). The site must be dynamic, it should contain an interactive presentation and a quiz.
Using jQuery Mobile is required. You should demonstrate that you can code multiple pages with various transitions, panels, animations, pop ups, dialogs, toolbars, buttons, button groups, radio buttons, checkboxes and text inputs (and make everything work properly).
Some application data (for example, quiz questions and answers) should be loaded from a JSON file. You can choose any format of the JSON file to store the data.
The quiz does not have to be a separate section, it can be mixed with the interactive presentation. The quiz should contain at least three kinds of questions (true / false, multiple choice, short answer), and several questions of each kind.
The application should have an option to save the current answers, in the local storage, to continue with the quiz later. The quiz should display if the user's answer is right/wrong and the correct answer. The app should also provide an option to clear the answers, from the screen and the local storage.
The application will be tested with the latest version of Google Chrome browser using the simulator of "Pixel 2" from the developer tools. The application should look reasonably good.
Make the application look pretty with images, your own custom theme, and style sheets.
During the grading, the application will be started from the latest version of WebStorm, using the built-in server. It is a popular, highly rated and friendly software for web development. The educational license is free: you just have to register with your Sheridan's email to get the activation key, via the email, immediately. They do not spam the emails later.