new modern and minimal UI

[SidharthMudgil]

Update current app ui to more modern and clean UI following Material3 guidelines.

[Ashok-Kumar-dharanikota]

Hi @SidharthMudgil ,

it's good to meet you and this wonderful project. I personally loved the concept of Personalised recommendations on music. I would like to work on this first UI issue and later work on the other issues. I would like to know if you have any specific design in your mind or any file. So we can go for that. Please let me know.

Thank You 🤝

[SidharthMudgil]

Thanks, @Ashok-Kumar-dharanikota, I do not have any specific design in my mind but I am thinking of more cleaner and modern UI. If you have any design in your mind share it with me by mail. I you want to work on this issue I will assign it

[Ashok-Kumar-dharanikota]

Okay no problem 😊, I will go through some design inspirations and I will let you know. Also add Hacktoberfest tag. So it will be counted.

[Ashok-Kumar-dharanikota]

Hi @SidharthMudgil ,

I updated the UI background and the item's color code. Replaced with colors that would create much eye-catching, and applied bold style to text to make it easily readable. A few designs first inspired me. But in order to give complete justification. The app needs more advancements. I think it is good to split big work into smaller parts and work on it, rather than bulky operation.

I noticed that you forgot to add the hacktoberfest tag to this. Kindly please add it and I will raise a PR for this issue.

Thank you 😊

[SidharthMudgil]

The Repository is marked hactoberfest so don't worry... please provide apk and screenshots or demo for the update

[Ashok-Kumar-dharanikota]

This three screenshots refers to three changes I made which turns into more simplified UI.

1. Background:

From the user perspective, I felt the background and the UI items don't have a matching color pattern. It is difficult to view two irrelevant colors in the screen. I read an article about how colors lead to different emotions for a person. And from Login layout to on-boarding layout. the most covered color is white. When the user moved to the chat layout. It gives a different color or background that covers the entire screen. So, for simplicity, I used a white background.

2. Stroke Color and readability of text

When the chat is started. i felt the stroke of the option item was stressful for the eyes. I replaced it with gray color. and text also in normal size. By applying bold style. It wont take much stress for person to read it.

3. Song item Instead of dark_black. i used dark blue. Just felt it feels much better.

[SidharthMudgil]

🤔 it looks same also I preferred the previous background more... Can you share side by side ss of both

[Ashok-Kumar-dharanikota]

Hi @SidharthMudgil , sorry for the late response. Okay sure i will give old and new UI side by side. So you can find out the difference. I'm not claiming the background is bad. It is actually different from the colour codes we used for buttons and textviews. That's only the difference.

[Ashok-Kumar-dharanikota]

UI difference

I actually forgot to bold the textview_bot text. If its applied. You may find it more readable.