Esraj Mood Influencer

[Snigdha977]

Project Name

Esraj Mood Influencer

Category

utility

Project Description

Esraj Mood Influencer is an interactive web app that allows users to select their mood and experience a visually and musically tailored interface. Based on your mood, the app transforms its UI and automatically plays Esraj covers of Tagore’s selective songs, creating a smooth playlist-like experience.

Whether you are feeling happy, sad, relaxed, or energetic, the app provides a personalized emotional and auditory journey. The combination of mood-based UI and soulful Esraj music makes it engaging and therapeutic.

Features:

Mood-Based UI: Dynamic interface that adapts colors, animations, and layout according to your mood.

Curated Music Playlist: Plays Esraj covers of Tagore songs specifically chosen for each mood, cycling automatically like a playlist.

Interactive & Responsive: Simple, intuitive buttons for effortless interaction.

Cross-Device Compatibility: Fully responsive design using HTML, CSS, and JavaScript.

Tech Stack:

HTML5 – Structured and semantic markup.

CSS3 – Smooth transitions, mood-based color themes, responsive layout.

JavaScript (ES6) – Dynamic UI updates, interactive buttons, automated playlist control, and session persistence.

Why This App:
Music has a profound emotional effect. Esraj Mood Influencer uniquely combines Tagore’s timeless melodies played on the Esraj with interactive UI to uplift, relax, or energize your mood, providing a one-of-a-kind digital musical experience.

Key Features

Mood-Based UI: Dynamic interface that adapts colors, animations, and layout according to your mood.

Curated Music Playlist: Plays Esraj covers of Tagore songs specifically chosen for each mood, cycling automatically like a playlist.

Interactive & Responsive: Simple, intuitive buttons for effortless interaction.

Cross-Device Compatibility: Fully responsive design using HTML, CSS, and JavaScript.

Screenshots

https://esraj-moodinfluencer-22tjbwsug-snigdha977s-projects.vercel.app/

Checklist

• My project uses vanilla HTML, CSS, and JavaScript
• I have tested my project locally
• My project is responsive
• I will add my project to projects.json (NOT index.html)

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊

[Snigdha977]

i have completed the entire project its fully functional in this link its not a part of only screenshot its the entire completed project please check it if possible :https://esraj-moodinfluencer-22tjbwsug-snigdha977s-projects.vercel.app/