Frontend and Backend Development for Emotional Drifting Bottle Website

Job Description (項目描述) 【About the Project / 關於項目】 We are MoodBox, a social enterprise dedicated to mental health and emotional education through creative IP characters and tools. We are looking for a talented Full-Stack Developer to build our core UGC feature: "The Emotional Drifting Bottle" (情緒漂流瓶), which seamlessly connects digital anonymous storytelling with physical product rewards. 我們是 MoodBox（心晴盒子），一家致力於心理健康與情緒教育的社會企業。我們正在尋找一位優秀的全棧開發工程師，負責打造我們網站的核心 UGC 功能——「情緒漂流瓶」。該功能旨在將線上匿名故事分享與實體產品進行完美閉環。 【Key Responsibilities / 工作內容】 Frontend Development (UI/UX Implementation): Build a responsive, minimalist, and healing UI based on designs (using rounded sans-serif fonts, soft pastel gradients). Implement fluid micro-interactions and CSS/Canvas/Three.js animations: Letter folding into a bottle, bottle drifting into an animated interactive ocean, and user "scooping" bottles from the ocean. Backend & Database Architecture: Develop a secure, fully anonymized content submission and retrieval database (Node.js, Python, or Firebase/Supabase). Implement user verification (anti-spam) without collecting sensitive personal data to ensure absolute user privacy. Feature Integration: Integrate a simple interaction system ("Send a Warm Hug" / "Send a Cloud" virtual interactions, no text comments allowed). Implement a backend dashboard for an AI filtering mechanism (OpenAI/Claude API integration) to automatically review, tag, and approve curated stories for the public "Resonance Wall". 前端開發（UI/UX 實現）： 根據設計稿，構建響應式、極簡且具療癒感的 UI（使用圓潤無襯線體與低飽和漸變色）。 實現流暢的微互動與 CSS/Canvas/Three.js 動畫：信紙摺疊入瓶、瓶子飄入動態互動海洋、以及用戶從海中「撈取」瓶子的特效。 後端與數據庫架構： 開發安全、完全匿名的內容投稿與檢索數據庫（Node.js、Python 或 Firebase/Supabase）。 在不收集敏感個人數據的情況下實現防刷控制（Anti-spam），確保絕對的用戶隱私。 功能整合： 整合簡單的互動系統（僅允許「給予溫暖擁抱」/「送一朵雲」等虛擬互動，禁止文字評論）。 為 AI 篩選機制開發後端管理面板（對接 OpenAI/Claude API），自動審查、貼標籤並批准精選故事展示於大眾的「故事卡視覺牆」。 【Required Skills / 技能要求】 Proficiency in modern Frontend frameworks (React.js, Vue.js, or Next.js). Strong UI/UX sensitivity with proven experience in advanced CSS animations, WebGL, SVG animations, or Three.js. Solid Backend skills (Node.js, Python, Express, or BaaS like Supabase/Firebase). Experience with AI/LLM API integrations (OpenAI, Anthropic). Passion for mental health awareness and social enterprise impact is a huge plus! 精通現代前端框架（React.js、Vue.js 或 Next.js）。 具備強烈的 UI/UX 敏銳度，在高級 CSS 動畫、WebGL、SVG 動畫或 Three.js 方面有豐富經驗。 紮實的後端技能（Node.js、Python、Express 或 Supabase/Firebase 等 BaaS）。 具有 AI/LLM API 對接經驗（OpenAI、Anthropic）。 對心理健康議題與社會企業影響力充滿熱情者優先！ 【Budget & Timeline / 預算與時程】 Project Type: One-time project (with potential for long-term maintenance). Budget: Open to Fixed-price proposals (Please provide your portfolio and estimated quote for this specific scope). Timeline: 4-6 weeks. 項目類型： 一次性項目（未來有長期維護的可能）。 預算： 接受固定價格提案（請提供您的作品集以及針對此工作範圍的預估報價）。 時程： 4 - 6 週。