Riot Project Guide

--- tags: mstu5013 --- # Riot Project Guide ## Project Brief Ultilizing riot.js and/or any other coding library of your interest to complete a mini project. Possible directions can include(but are not limited to): - A riot based personal portfolio page, with an interactive section that allows site visitors to post/delete messages and questions to you. - A Tamagochi app that allows human to collect and feed food to pet/pets, and pets respond by how much it likes/dislikes the human action. - An educational web application that presents academic findings on topics of your interest, followed by an interactive quiz as knowledge review. - A collective library/messageboard/fandom page that allow users to post/delete topics they are collectively interested in discussing and sharing, ie., memes, novels, music bands, comic books, - A web version of one of your favorite childhood games, ie., a web version of paper/scissors/rock, where each player picks an answer and a refere evaluates the result and calculates the winner ## Coding Refer to riot main features(loop, ref, opts, observables) here: https://hackmd.io/s/HJAEVNRSM Contextualize the above roit features into a design scenario of your interest. Feel free to adapt and expand from past inClass lab code snippets to realize your own design directions. Feel free to expand on code you have already written from past homework. Consolidating them into a single coherent project, expanding and deleting as you see fit. Also feel refer to borrow from additional tutorials, coding examples and resources for inspiration and reference, such as - https://riot.js.org/made-with-riot/ - https://github.com/jmk2142/mstu5013/tree/master - https://www.udemy.com/master-riot/ ## Alternatives There are countless options when it comes to computational languages and platforms available, and riot may or may not be the most suitable framework to the design idea you are post passionate about. If this is your case, consider using riot to make a simple personal resume with an interactive message board, and move on to a platform that's more aligned with your interest. Use this project guide as a starting point, not an ending point for your own creative process. ## Group Learning You are encouraged to form study groups to work together and help each other learn, but it is also possible to form groups to share code to work on slightly different individual projects. If you do work on a group project together, please structure your effort so that everyone is involved in both the design and development of the project. Include a credit section to document individual input. ## Past Project Example Feel free to refer to [this example](https://github.com/zhenzhenqi/hahapoint) developed by Shuai, our previous CA to get a sense of general scope.