feat(ui): Add Gradio Frontend for Emotion-Based Music Recommendation

[Sanskriti10247]

Description:
Fixes #20

This PR introduces a new Gradio-based user interface for the Emotion-Based Music Recommendation project. The UI aims to make the system more user-friendly and interactive by allowing users to:

📸 Upload an image or take a real-time photo via webcam

🎭 Automatically detect a randomized emotion (simulated for now)

🎶 Receive a music playlist recommendation based on the detected emotion, enhanced with visual emojis for a better user experience

What's Included:
✅ A new Python file: frontend_gradio_ui.py with a fully working Gradio interface

✅ Clean UI layout with title, description, image input, and response area

✅ A modular readme.md inside code/new_models/ explaining:

1. -How it works
2. -Screenshots of the UI
3. -Step-by-step instructions to run it locally

✅ Preview-ready media files (screenshots) to showcase functionality

Notes:

• The current implementation uses a dummy emotion detector (random.choice) to simulate detection. Future enhancements can plug in real emotion classification models.
• Code logic remains untouched and is designed to be extended easily.

Preview:
👇 See screenshots & screen recording for a full walkthrough.

This is the reference for how to go ahead :

UILook.1.mp4

Looking forward to feedback and happy to iterate as needed! 😊

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
music-recommendation-using-facial-expressions	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 23, 2025 8:25am

[SGCODEX]

Heyy @Sanskriti10247 , That looks really great and thank you for attaching screenshots and demo video!! Give me sometime to review this, in the meantime some suggestions: if possible please add bounding box and real time detection in the cam part and real time text box where the current emotion is detected and maybe an iframe or something to display the youtube video inside the gradio frontend itself. Rest looks good, give me sometime to review in detail. Can work on these suggestions till then. Thank you and really great work again.

Also your commit makes changes to /code/new_models/readme.md file too (as seen in image below), Please sync your fork so that these version issues can be resolved and revert back changes made to this file. Thank you.