Design And Develop Template For New Website As A Single Page Application (SPA) In ReactJS, TypeScript And MathJax.
Budget: $250 – $750 USD
Background
The website is to provide customisable, dynamic worksheets with auto-scoring (on-screen). It is based on the following site: https://www.interactive.onlinemathlearning.com but it is not a port-over of the existing.
Tasks
The template should include the pages shown in the attached PPT.
In addition to on-screen use, there should be an option for users to print the worksheets with appropriate print layout; elements such as ads, search box should be invisible in the print layout.
The navigation and contents shall be extensible to add new worksheets/contents in the future.
The template should adopt up-to-date industry practices for mobile-friendly, responsive design and user experience, optimized for speed and search engines.
The template should be documented to enable another coder (in-house) to follow-on with the creation of new worksheets/contents.
Some consultation/coaching for in-house coder to do follow-on content and maintenance may also be necessary.
The SPA should be deployed on a hosting server (possibly Google cloud) using BrowserRouter support.
Notes
In-house coder can provide code and information on how to implement MathJax within React as a component and assists in the generation of the math problems (for example, Addition Facts worksheet in the attached PPT)
The website is to provide customisable, dynamic worksheets with auto-scoring (on-screen). It is based on the following site: https://www.interactive.onlinemathlearning.com but it is not a port-over of the existing.
Tasks
The template should include the pages shown in the attached PPT.
In addition to on-screen use, there should be an option for users to print the worksheets with appropriate print layout; elements such as ads, search box should be invisible in the print layout.
The navigation and contents shall be extensible to add new worksheets/contents in the future.
The template should adopt up-to-date industry practices for mobile-friendly, responsive design and user experience, optimized for speed and search engines.
The template should be documented to enable another coder (in-house) to follow-on with the creation of new worksheets/contents.
Some consultation/coaching for in-house coder to do follow-on content and maintenance may also be necessary.
The SPA should be deployed on a hosting server (possibly Google cloud) using BrowserRouter support.
Notes
In-house coder can provide code and information on how to implement MathJax within React as a component and assists in the generation of the math problems (for example, Addition Facts worksheet in the attached PPT)