關於 Emotion Universe
透過互動與視覺化，結合SEL幫助理解情緒與表達感受的互動式網站
網頁介紹
Emotion Universe 是一個結合 社會情緒學習（SEL, Social and Emotional Learning）概念的互動式網站，透過視覺化設計讓使用者理解自己與他人的情緒。
網站透過情緒小怪獸、匿名分享機制與宇宙式互動場景， 幫助孩子探索內在感受、表達情緒，並在觀看他人故事的過程中， 自然練習理解、同理與共感。
我們希望這不只是一個記錄心情的工具， 而是一個能讓孩子安心感受自己、學習理解他人的數位情緒學習空間。
核心教育概念
社會情緒學習（SEL, Social Emotional Learning）SEL是一種針對孩子社交及情緒管理為重點的教育方式。 由美國「課業、社交與情緒學習組織」（CASEL）提出的概念，是情緒教育的一種， 包含理解自己和他人的情緒、處理壓力、同理與社交能力。
Emotion Universe 希望透過情緒紀錄、匿名分享與情緒宇宙互動， 讓孩子在自然參與的過程中，逐步建立情緒理解與社會互動能力，讓情緒教育不只是被說明，而是能被看見、被感受、被練習。
核心功能
✦小提醒：目前網站使用雲端免費伺服器，首次送出或閒置後重新操作時，可能需要等待幾秒，屬正常情況。
情緒選擇與分類
匿名情緒紀錄與分享，可選限時或永久停留公開宇宙。
情緒小百科
以卡牌呈現，透過視覺化理解不同情緒。
情緒宇宙
互動瀏覽他人情緒。系統提供情緒資料保存機制，使用者可選擇將情緒星體儲存為「24小時」或「永久保存」。
宇宙回信
透過NLP分析情緒日記，再使用AI 回應情緒與感受。
技術架構
⚛️ | Next.js + React
• 使用 App Router 建立頁面架構
• 以 React hooks 管理互動狀態（如 useState / useEffect）
• 負責前端畫面與後端 API 串接
⚡ | FastAPI
• 建立 /moods、/reply 等 API 端點
• 處理情緒資料與回覆邏輯
• 作為前端與資料庫之間的服務層
🗄️ | MySQL
• 設計情緒資料的基本表結構
• 撰寫查詢與篩選條件
• 依需求設定資料保存與顯示規則
🤖 | NLP 情緒分析
• rule-based-NLP 情緒分析 進行情緒分析
• 判斷情緒、情境、需求與強度等欄位
• 不依賴外部付費 API
🎨 | 自製素材 + 視覺設計
• 角色、星體等視覺素材自行設計
• 製作 CSS 動畫效果（如漂浮、信封互動）
• 整合視覺設計與前端實作
🌐 | 雲端部署
•Vercel 部署前端
•Render 部署 FastAPI 與 MySQL
•前端改為連接雲端 API 與雲端資料服務
我們希望帶來的影響
在 Emotion Universe 中，每一份情緒都像宇宙中的一顆星體， 都值得被看見、被理解。
我們希望孩子在這個空間裡，不只學會說出「我現在怎麼了」， 也能慢慢理解「原來別人也有不同的感受」， 進而培養更深的自我理解、同理心與情緒表達能力。
聯絡我們
我們很關心使用者的體驗，如有遇到任何問題歡迎聯絡我們。
Email：fchiehyu@gmail.com