MoodCanvas

An emotionally aware, multisensory collaborative whiteboard that transforms your stand-ups into immersive, emotionally intelligent experiences through AI-powered emotion analysis, dynamic mood-based color themes, and adaptive soundscapes. Don't just make stand-ups communicate what teams say. Communicate how they feel.

Overview

MoodCanvas is a standalone web application that reimagines the way teams share ideas by adding emotional intelligence to your meetings. From daily stand-ups to creative brainstorms, the platform automatically detects the emotional tone of discussions and reates an atmosphere that matches through color themes, music, and visuals.

Unlike traditional collaborative whiteboards, MoodCanvas helps teams read between the lines, helping leaders and cross-teams sense emotional alignment, uncover hidden concerns, and be completely transparent between every individual's project sentiment.

Features

• Virtual collaborative whiteboard: create unlimited boards from home page, add draggable text boxes, sticky notes, or free draw anywhere on infinite canvas
• Real-time AI analysis: instant emotion detection and sentiment analyis on user text
• Dynamic color themes: gradient color background based on team's overall AI-detected emotions
• Adaptive soundscapes: ambient music that evolves with your team's energy

Perfect for:

• Team stand-ups and daily check-ins
• Product launch presentations
• Brainstorming sessions
• Sprint planning and retrospectives
• Cross-team meetings
• Crisis-management meetings

Usage

• Create unlimited boards on homepage and join sessions by entering unique session ID of existing sessions
• Add text boxes and sticky notes to infinite canvas
• Use draw feature to create diagrams, sketches, or annotations
• Chat with your team in the team chat sidebar
• AI analyzes sentiments from user text in chat or on the board and changes colors to reflect emotions real-time

Architecture

Tech Stack

Frontend:

• React
• TypeScript

Backend:

• Node.js
• Express

Run and Build

• Backend Setup:

cd backend && npm run dev

• Frontend Setup:

cd frontend && npm run dev

Future Vision

• Zoom, Slack, and Figma integration
• Pre-built template boards for stand-ups, retros, etc.
• Advanced analytics revealing mood summaries and team well-being insights
• Cultural customizations applying different mood interpretations per company

Contributors

• Lily Luc
• Ferdinand Nacional
• Keira Tan