Feature Request: Display username, email address, and profile photo from firebase authentication

[muzammildafedar]

Description:
We need to implement a feature in the Flutter app that displays the authenticated user's profile information, including:

• Username (display name)
• Email address
• Profile photo (if available)

This data should be fetched from Firebase Authentication once the user has successfully logged in and then displayed in the UI.

Acceptance Criteria:

• Retrieve user data (display name, email, and profile photo URL) from Firebase Authentication after login.
• Display the username and email address in the designated fields within the profile section of the app.
• Show the user's profile photo (if available) in an avatar or circular image widget.
• If the user does not have a profile photo, display a default avatar placeholder.

Tasks:

1. Fetch user details from FirebaseAuth.
2. Implement the UI to show the username, email, and profile photo.
3. Handle cases where the profile photo is not available.

References:

• Firebase Auth Documentation
• Flutter FirebaseAuth Plugin

[sowunmi-mayowa]

I can handle this if it was just for the web (react). Now that it is flutter i don't want to start what i cant finish

[muzammildafedar]

I can handle this if it was just for the web (react). Now that it is flutter i don't want to start what i cant finish

Thank you for your interest in contributing to Udayah. If you’re not familiar with Flutter, you’re welcome to contribute to the Node.js side. I believe your contributions will be incredibly valuable to Udayah.

[xkaper001]

Hi @muzammildafedar,

I noticed that this issue is unassigned, and I'd love to work on it! I'm familiar with the technology used in this project and I believe I can help resolve it.

Could you please assign this issue to me?

Thank you!

[Atharva-Werulkar]

Hello,

I'd love to work on this issue! I have significant experience with Firebase, having integrated Firebase Authentication and Firestore in multiple projects. Implementing user profile features, such as fetching and displaying user data (display name, email, profile photo), is something I've worked on before.

I will retrieve the user's information from Firebase Authentication upon login and display the data in the app's profile section. I'll also ensure that a default avatar is shown when the user does not have a profile photo.

Looking forward to contributing!

Best regards,
Atharva Werulkar

[muzammildafedar]

Thanks for your interest, @Atharva-Werulkar and @xkaper001 . This issue has been assigned to @xkaper001. @Atharva-Werulkar there is an alignment issue when the we select the emails. You can observe the "status" and the "added by" section. For this, you will need to create a new issue. If you would like to add any new features or any enhancement , we always welcome your contributions. Looking forward to your contributions, guys!

[Atharva-Werulkar]

Sure!!, I'll look into that and create an issue for it

…

On Thu, Oct 3, 2024, 8:51 PM Muzammil Dafedar ***@***.***> wrote: Thanks for your interest, @Atharva-Werulkar <https://github.com/Atharva-Werulkar> and @xkaper001 <https://github.com/xkaper001> . This issue has been assigned to @xkaper001 <https://github.com/xkaper001>. @Atharva-Werulkar <https://github.com/Atharva-Werulkar> there is an alignment issue when the we select the emails. You can observe the "status" and the "added by" section. For this, you will need to create a new issue. If you would like to add any new features or any enhancement , we always welcome your contributions. Looking forward to your contributions, guys! — Reply to this email directly, view it on GitHub <#15 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A2IVIXIY3AWZUK4WYQ27W43ZZVOJFAVCNFSM6AAAAABPDNNYLSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGOJRGY4TSOBZG4> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[xkaper001]

@muzammildafedar, I just had a query regarding this issue.

For integrating user details from their google account into the flutter app do I have to create my own project in my firebase console, connect it with the app and then work on it? :')

[muzammildafedar]

@muzammildafedar, I just had a query regarding this issue.

For integrating user details from their google account into the flutter app do I have to create my own project in my firebase console, connect it with the app and then work on it? :')

Yes, you have to connect your own firebase to the app.

ref: https://firebase.google.com/docs/flutter/setup?platform=web

[muzammildafedar]

@Atharva-Werulkar would you like to take the issue #22

[Atharva-Werulkar]

Yes,
You can assign the issue to me

[muzammildafedar]

Yes, You can assign the issue to me

Not able to assign you. Could you please comment on #22 issue ?

[xkaper001]

@muzammildafedar can you please add hacktoberfest tag to this issue.

[xkaper001]

also @muzammildafedar,

Display the username and email address in the designated fields within the profile section of the app.

I don't see a profile section in the app. where should I make the profile section? Should I add another tab in the NavigationPanel by adding one more item to NavigationItems or a constant section on the topright of the page? (like google uses).

[muzammildafedar]

You have to implement Profile section inside the NavigationPane.

also @muzammildafedar,

Display the username and email address in the designated fields within the profile section of the app.

I don't see a profile section in the app. where should I make the profile section? Should I add another tab in the NavigationPanel by adding one more item to NavigationItems or a constant section on the topright of the page? (like google uses).