Emotion-Aware Web Interfaces: Integrating Face & Voice AI into MERN Stack Applications

Note: This work is intended for non-commercial academic or educational purposes only. Commercial use or redistribution is strictly prohibited without explicit permission from the author (Rohit Kumar Saini). License override: CC-BY-NC-ND-4.0 equivalent.This paper presents a novel AI-powered web interface system using the MERN stack (MongoDB, Express, React, Node.js) integrated with DeepFace and Whisper for real-time emotion detection through facial expressions and voice tone analysis. The system adapts UI based on users’ emotional states to enhance human-computer interaction in education, mental health, and productivity platforms.