{"id":1698,"date":"2023-12-19T19:00:08","date_gmt":"2023-12-19T19:00:08","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/?p=1698"},"modified":"2023-12-19T19:00:08","modified_gmt":"2023-12-19T19:00:08","slug":"story-generator","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/2023\/12\/19\/story-generator\/","title":{"rendered":"Story Generator"},"content":{"rendered":"\n<p>MMP100 | PROGRAMMING PROJECT STATEMENT<\/p>\n\n\n\n<p>Site: <a href=\"https:\/\/replit.com\/@SaviiDidi\/story-time?v=1\">https:\/\/replit.com\/@SaviiDidi\/story-time#index.html<\/a><\/p>\n\n\n\n<p>Title:\u00a0Build-Your-Own story<\/p>\n\n\n\n<p>Semester\/Year: Fall\/2023<\/p>\n\n\n\n<p>Coding\/programming languages:CSS, JS, HTML<\/p>\n\n\n\n<p>Description: I set out to create a simplistic, personalized storytelling experience, where users can weave their own tales by inputting character names, locations, objects, adjectives, and verbs. Drawing inspiration from classic storytelling, I chose these specific inputs to empower users to craft unique narratives while fostering their creativity. Users interact with the program by providing these elements, triggering the dynamic generation of a personalized story. The most challenging part was structuring the JavaScript functions to seamlessly incorporate user inputs into a cohesive narrative, which required careful string manipulation and HTML element handling. Through meticulous coding and testing, I successfully crafted a fluid storytelling experience adaptable to diverse user inputs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"852\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-content\/uploads\/sites\/3276\/2023\/12\/Screen-Shot-2023-12-19-at-1.57.43-PM-1024x852.png\" alt=\"\" class=\"wp-image-1699\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-content\/uploads\/sites\/3276\/2023\/12\/Screen-Shot-2023-12-19-at-1.57.43-PM-1024x852.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-content\/uploads\/sites\/3276\/2023\/12\/Screen-Shot-2023-12-19-at-1.57.43-PM-300x250.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-content\/uploads\/sites\/3276\/2023\/12\/Screen-Shot-2023-12-19-at-1.57.43-PM-768x639.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-content\/uploads\/sites\/3276\/2023\/12\/Screen-Shot-2023-12-19-at-1.57.43-PM.png 1096w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>MMP100 | PROGRAMMING PROJECT STATEMENT Site: https:\/\/replit.com\/@SaviiDidi\/story-time#index.html Title:\u00a0Build-Your-Own story Semester\/Year: Fall\/2023 Coding\/programming languages:CSS, JS, HTML Description: I set out to create a simplistic, personalized storytelling experience, where users can weave their own tales by inputting character names, locations, objects, adjectives, and verbs. Drawing inspiration from classic storytelling, I chose these specific inputs to empower users&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/2023\/12\/19\/story-generator\/\">Continue reading <span class=\"screen-reader-text\">Story Generator<\/span><\/a><\/p>\n","protected":false},"author":8517,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-1698","post","type-post","status-publish","format-standard","hentry","category-programming","entry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/posts\/1698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/users\/8517"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/comments?post=1698"}],"version-history":[{"count":1,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/posts\/1698\/revisions"}],"predecessor-version":[{"id":1700,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/posts\/1698\/revisions\/1700"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/media?parent=1698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/categories?post=1698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/tags?post=1698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}