User Profile

Jump to bottom

Shahaab Manzar edited this page Sep 5, 2022 · 1 revision

User Profile

Page Path:

src\components\User\UserProfile\UserProfile.js visit the page locally http://localhost:3000/profile

Consists of

User Name
User picture
Description
Followers, Following
Activity (posts made by users)
Credentials & Highlight
Socials details
Organizations

Figma Design:-

User-Profile (1)

Component used:

ProfileCardOne

Path "src/components/ProfileBanner/profile/ProfileCardOne"

Activity

Path "src/components/Topbar/Activity"

CardWithPicture

Path "src/components/Card/CardWithPicture"

CardWithoutPicture

Path "src/components/Card/CardWithoutPicture"

Highlights

Path "src/components/UserDetails/Highlights"

SocialIcons

Path "src/components/Profile/SocialIcons/SocialIcons"

EventsCard

Path "src/components/CardTabs/Events/index"

It is a new page so Firebase integration has not been implemented yet. (except the user name)

Result:-

Screenshot (394) Screenshot (395) Screenshot (396) Screenshot (397) Screenshot (398) Screenshot (399) Screenshot (400)