=Synopsis=
A standalone tutorial page that links back to the Docs and Demos with styling that uses OOUI css (MVP).
If time permits: (1) Additional tutorial page(s); (2) Installation instructions.
[Document](https://docs.google.com/document/d/15L7M8qKI7c3fN38dXkyG4Z2bTuwUo0Ku0OvgFuWrZ0I/edit?usp=sharing) with some initial thoughts and ideas.
=Timeline=
| Period | Task |
|--|--|
| July 9 - July 13 | Create initial Tutorial: 1 page with top bar linking to Docs and Demos, working lives demos of the ToDo app and code snippets. |
| July 16 - July 20 | Use PrismJS for syntax highlighting. Update ToDo app code to comply with current state of OOUI core stylesheet. Add header links. Update installation instructions. Design demo app boxes. Ensure coherence and cohesion of the entire text.
|
| July 23 - July 27 | Review. Modify folder structure. Create and include a new index page with links to all tutorials (currently 1 tutorial, hopefully soon to be 2).
|
| July 30 - August 3 | Following the review/feedback, make corrections and modifications, and design/Implement additional UX/UI features for this and future tutorial pages as needed. Build a page for tutorial part 2, if time permits and make sure all code is correct and up to date. |
| August 6 - August 10 | QA and bugfixes. Write documentation. Code cleanup for submission.
|
|--|--|
=Deliverables=
Design and implement an up-to-date version of the OOUI tutorial as part of the OOUI demos repo, as an additional page. The new tutorial will be based on [Moriel's OOUI tutorial](https://github.com/mooeypoo/todo-app-ooui-tutorial).