ISSUE: Redesign frontend layout for a modern, responsive streaming experience

[Snehaaanegi]

The current user interface is very basic. To make the application feel like a premium, modern AI-powered music platform, we need to overhaul the visual layout using TailwindCSS.

Proposed Solution

• Transition from a basic page layout to a clean, cohesive dashboard design.
• Improve the visual components for the webcam overlay and the recommended song cards.
• Ensure the interface is fully responsive across mobile, tablet, and desktop screens.

Todo List

• Design a sleek sidebar/top navigation layout.
• Improve song card UI (add hover effects, smooth transitions, and clean typography).
• Style the webcam feed container with loading states and overlay text.
• Add a dark/light mode toggle for better user preference handling.

[Snehaaanegi]

please assign me the above issue under ssoc2026

[AdhiraSethi]

please assign this issue to me under SSOC'26

[Neeraj-code-beep]

@Snehaaanegi Thank you for showing interest in this issue.
I am assigning this issue to you. Please work on it and submit a PR once completed.
Feel free to ask if you need any clarification. Good luck!

[Neeraj-code-beep]

Hi @AdhiraSethi

Thank you for your interest in contributing! 🚀

This issue has already been assigned to another contributor. However, we would love to have your contribution to the project. Please feel free to explore the other open issues, and if you find one that interests you, let us know—we'd be happy to assign it to you.

Looking forward to your contributions. Happy coding! ✨

[Snehaaanegi]

Thank you for assigning this issue to me! I'm excited to contribute and will begin working on it right away. I'll submit a PR once the implementation is complete and will let you know if I have any questions. Thanks!

…

On Mon, 1 Jun 2026 at 00:56, Neeraj Mishra ***@***.***> wrote: *Neeraj-code-beep* left a comment (Neeraj-code-beep/Moddy_Player#2) <#2 (comment)> Hi @AdhiraSethi <https://github.com/AdhiraSethi> Thank you for your interest in contributing! 🚀 This issue has already been assigned to another contributor. However, we would love to have your contribution to the project. Please feel free to explore the other open issues, and if you find one that interests you, let us know—we'd be happy to assign it to you. Looking forward to your contributions. Happy coding! ✨ — Reply to this email directly, view it on GitHub <#2?email_source=notifications&email_token=BVKTQC6UEZ2O772GTRMD5KL45SBMTA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTINJYG44DGMZZGU2KM4TFMFZW63VGMFZXG2LHN2SWK5TFNZ2KYZTPN52GK4S7MNWGSY3L#issuecomment-4587833954>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BVKTQC6T7LZZZVAKGIY47UT45SBMTAVCNFSM6AAAAACZPB2RH2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHM2DKOBXHAZTGOJVGQ> . Triage notifications, keep track of coding agent tasks and review pull requests on the go with GitHub Mobile for iOS <https://github.com/notifications/mobile/ios/BVKTQC7JI76HNQ7SPUVGKP345SBMTA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTINJYG44DGMZZGU2KM4TFMFZW63VGMFZXG2LHN2SWK5TFNZ2KUZTPN52GK4S7NFXXG> and Android <https://github.com/notifications/mobile/android/BVKTQC27L2U5HSKMGIPCHI345SBMTA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTINJYG44DGMZZGU2KM4TFMFZW63VGMFZXG2LHN2SWK5TFNZ2K4ZTPN52GK4S7MFXGI4TPNFSA>. Download it today! You are receiving this because you were assigned.Message ID: ***@***.***>