UI Enhancement: Add Loading State During Skin Analysis

[harika880]

I would like to enhance the user experience during skin analysis by adding a proper loading state UI.

Planned improvements:

• Loading spinner during API request
• Disable analyze button while processing
• Display analysis progress text
• Improve responsiveness of loading section

I would like to work on this issue under NSOC'26.

[harika880]

@shreyapawar40 I would like to contribute to this enhancement under NSOC'26. Please assign this issue to me if it is available.

[shreyapawar40]

Ohk

…

On Fri, 22 May, 2026, 2:20 pm N. SAI HARIKA, ***@***.***> wrote: *harika880* left a comment (shreyapawar40/SkinSense#13) <#13 (comment)> @shreyapawar40 <https://github.com/shreyapawar40> I would like to contribute to this enhancement under NSOC'26. Please assign this issue to me if it is available. — Reply to this email directly, view it on GitHub <#13 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BKLI3HLRIDBBCDPRCKPEQ4344AIF5AVCNFSM6AAAAACZI5MUA2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHM2DKMJXGE2DQOJWGY> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[harika880]

Hi @shreyapawar40
I have implemented the basic loading state as mentioned in the issue. I would also like to enhance the loading page with:

🎨 Beautiful loading UI with dark card on soft pink background
🔄 Scanning animation on the uploaded image
📊 Live progress percentage counter
💡 Rotating skincare fun facts
❌ Cancel button
🌸 Floating skincare products in background

Could you please confirm if this is okay and
📌update the labels accordingly?
Thank you!

[shreyapawar40]

Yes, please proceed.

…

On Mon, 25 May, 2026, 10:54 pm N. SAI HARIKA, ***@***.***> wrote: *harika880* left a comment (shreyapawar40/SkinSense#13) <#13 (comment)> Hi @shreyapawar40 <https://github.com/shreyapawar40> I have implemented the basic loading state as mentioned in the issue. I would also like to enhance the loading page with: 🎨 Beautiful loading UI with dark card on soft pink background 🔄 Scanning animation on the uploaded image 📊 Live progress percentage counter 💡 Rotating skincare fun facts ❌ Cancel button 🌸 Floating skincare products in background Could you please confirm if this is okay and 📌update the labels accordingly? Thank you! — Reply to this email directly, view it on GitHub <#13?email_source=notifications&email_token=BKLI3HL3YOATG3G6RTA4LAD44R6VZA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTINJTGYYDANJVG4ZKM4TFMFZW63VHNVSW45DJN5XKKZLWMVXHJLDGN5XXIZLSL5RWY2LDNM#issuecomment-4536005572>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BKLI3HKDYBR7HARX5SLBQWL44R6VZAVCNFSM6AAAAACZI5MUA2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHM2DKMZWGAYDKNJXGI> . You are receiving this because you were mentioned.Message ID: ***@***.***>