🎭 EmoSense - Real-time Emotion Recognition App

EmoSense is a cutting-edge emotion recognition application that analyzes facial expressions in real-time, providing instant emotional insights through an intuitive and beautiful interface.

✨ Features

• 🎥 Real-time Face Detection: Instantly detect faces through your webcam
• 😊 Emotion Analysis: Recognize 7 different emotions (Happy, Sad, Angry, Surprised, Fearful, Disgusted, Neutral)
• 📊 Live Emotion Charts: Track emotional changes over time with dynamic charts
• 🎯 High Accuracy: Powered by state-of-the-art face-api.js models
• 🔒 Privacy First: All processing happens locally in your browser - no data sent to servers
• ⚡ Fast & Responsive: Built with React and Vite for optimal performance
• 🎨 Beautiful UI: Modern, clean interface with Tailwind CSS

🚀 Getting Started

├── src/
│   ├── App.jsx          # Main application component
│   ├── main.jsx         # Application entry point
│   └── index.css        # Global styles (Tailwind)
├── public/              # Static assets
├── index.html           # HTML template
├── vite.config.js       # Vite configuration
├── tailwind.config.js   # Tailwind configuration
├── postcss.config.js    # PostCSS configuration
└── eslint.config.js     # ESLint configuration

1. Clone the repository

   git clone https://github.com/Rajan167030/EmoSense.git
   cd EmoSense/react_template

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

4. Open your browser

   • Navigate to http://localhost:5174
   • Allow camera access when prompted

🛠️ Technologies Used

• Frontend Framework: React
• Build Tool: Vite
• AI/ML: face-api.js (TensorFlow.js)
• Styling: Tailwind CSS
• Charts: Chart.js
• State Management: React Context API

📸 Screenshots

[Coming Soon]

🎯 Use Cases

• 👨‍🏫 Education: Monitor student engagement during online classes
• 🎮 Gaming: Analyze player reactions during gameplay
• 🎭 Entertainment: Create interactive emotional experiences
• 📊 Research: Collect emotional response data for studies
• 🧪 Testing: Gauge user reactions to products or content

🔥 Key Features in Detail

Real-time Emotion Detection

• Detects and analyzes facial expressions instantly
• Supports multiple face detection
• High accuracy emotion classification

Privacy-First Approach

• All processing happens in your browser
• No images or data sent to external servers
• Complete user privacy protection

Dynamic Visualization

• Real-time emotion probability charts
• Historical emotion tracking
• Interactive data visualization

🤝 Contributing

We welcome contributions! Please feel free to submit a Pull Request.

📜 License

This project is licensed under the MIT License - see the LICENSE file for details.

💖 Support

If you like this project, please give it a ⭐️ on GitHub!

🔗 Links

• GitHub Repository
• Report Bug
• Request Feature

---

Made with ❤️ by Rajan167030