{"id":482,"date":"2026-07-16T23:02:08","date_gmt":"2026-07-16T15:02:08","guid":{"rendered":"https:\/\/nicolelong.space\/?page_id=482"},"modified":"2026-07-16T23:02:08","modified_gmt":"2026-07-16T15:02:08","slug":"hackmit-shenzhen-shelter-mental-health-web-app","status":"publish","type":"page","link":"https:\/\/nicolelong.space\/index.php\/hackmit-shenzhen-shelter-mental-health-web-app\/","title":{"rendered":"HackMIT Shenzhen \u2014 SHELTER Mental Health Web App"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>## Activity type<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Personal pursuit (eg Art \/ Computing \/ Making \/ Music \/ Drama \/ Sport)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>## Description<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Participate in a 36-hour hackathon (HackMIT Shenzhen, hosted at CUHK Shenzhen) under the Healthcare track, building SHELTER \u2014 a mental health support web app for Gen Z users facing academic and emotional pressure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After original teammates could not be located on-site, form an impromptu team of three with two art-background friends and begin development with near-zero sleep across the full 36 hours. Draw on prior collaboration experience to divide responsibilities efficiently: handle full-stack architecture and AI integration while teammates lead visual design inspired by a space-station aesthetic \u2014 a private environment where users can step away from external pressure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For the first time, integrate AI into a project by designing two distinct AI characters, each assigned its own role and toolset. The primary AI companion listens to user concerns, performs emotion analysis, and dispatches a secondary task-decomposition agent to break goals into actionable steps. Both agents are built on DeepSeek APIs with a custom agent framework; the task agent, with user consent, directly modifies the on-screen task list in real time. Build the front end in HTML, CSS, and JavaScript, with a Python back end; integrate white-noise playback, a flame-animation focus timer, and a time-statistics dashboard.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Develop a personal engineering practice during the sprint: prototype each sub-feature as an isolated algorithm demo, verify its logic independently, then integrate it into the main codebase \u2014 reducing debugging time and keeping the project on schedule under extreme time pressure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ship a functional, visually polished product within the deadline, demonstrating that a small cross-discipline team can combine strong design sensibility with AI-driven functionality to address a real mental-health gap.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>## Skills<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; [x] Critical thinking<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; [x] Planning<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; [ ] Artistic skills<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; [x] Communication<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; [x] Teamwork<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; [ ] Leadership<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; [x] Problem solving<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; [x] Creativity \/ Innovation<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; [x] Independence<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; [x] Adaptability \/ Resilience<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; [x] Risk-taking \/ Courage<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; [x] Inquisitiveness<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>## Date started<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Month: 3<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Year: 2026<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>## Date finished<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Month: 3<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Year: 2026<\/p>\n","protected":false},"excerpt":{"rendered":"<p>## Activity type Personal pursuit (eg Art \/ Computing \/ Making \/ Music \/ Drama \/ Sport) ## Description Participate in a 36-hour hackathon (HackMIT Shenzhen, hosted at CUHK Shenzhen) under the Healthcare track, building SHELTER \u2014 a mental health support web app for Gen Z users facing academic and emotional pressure. After original teammates [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-482","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nicolelong.space\/index.php\/wp-json\/wp\/v2\/pages\/482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nicolelong.space\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nicolelong.space\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nicolelong.space\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nicolelong.space\/index.php\/wp-json\/wp\/v2\/comments?post=482"}],"version-history":[{"count":2,"href":"https:\/\/nicolelong.space\/index.php\/wp-json\/wp\/v2\/pages\/482\/revisions"}],"predecessor-version":[{"id":484,"href":"https:\/\/nicolelong.space\/index.php\/wp-json\/wp\/v2\/pages\/482\/revisions\/484"}],"wp:attachment":[{"href":"https:\/\/nicolelong.space\/index.php\/wp-json\/wp\/v2\/media?parent=482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}