-
-
Notifications
You must be signed in to change notification settings - Fork 35.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Help with the Portfolio redesign #48234
Comments
I think an option to share your profile as a "card" would be cool. Maybe a share button with the option to share to Twitter, Instagram, as an image, etc. The card would have your name, username, streak, points, longest streak, and maybe recent badges? Sort of like how Snapchat allows you to export your profile info! |
A share button would be a good option. OG Image Generation for news articles is on the road map. We could consider it for the profile once that solution is deployed #47085 |
Under the profile section, we can add projects icon link to link our achievements and also our social media handles.. |
Hello, I think there must be a share button to share a portfolio. a section of achievements and projects made, and our social media handles must be included in the portfolio. |
yes, section of achievements and projects is a must! |
Should we add switch account, and log out buttons to the Portfolio? I have got feedback from Estefania, that some users seek these feature in Profile like pages, so we can add them in freeCodeCamp, as well. 🤔 |
Yeah that would also be nice.. |
Thanks for the feedback everyone. |
I have asked for similar websites, and I was getting different functionality from what I understood. So there is a miscommunication from my part, sorry about that |
Hey @ahmadabdolsaheb, Can we put a help wanted label on this? |
Have a concise design and that the user has a shareable profile, showing courses and their progress on the platform. |
I never knew that FreeCodeCamp kept track of your streak! I remember when I used Duolingo the streak always helped to keep me motivated. Similarly, I know a few video games that use streaks as a way to encourage daily use. I wonder if we could make this more prominent to gamify the learning experience a little bit and make consistent learning a bit more emotionally rewarding. Perhaps every time the street gets bigger there's a little notification/annoucement bar that pops out from the top that says something like: "Your streak is now 14, that's an all time high!" I know this is not the relevant issue to talk about this so I'd be happy to open up a new issue to discuss it further. |
We should open new issue for this 👍. I disagree with the streak in general, as it may incentives campers into taking a certification they don't want or need, to keep the streak going, which is against one of the principles of freeCodeCamp. So maybe we should delete it, or keep it hidden. |
I am curious as to which social media handles will be available to display in the new profile? I made a suggestion in the FCC Forums to add an option for Mastadon, and was directed to the GitHub issues for the project, which is how I came to find this post. |
I would discourage this. It is another field we would have to add to the user record, and largely goes against freeCodeCamp's "collecting as little as possible" stance. |
That makes sense, I think the value of what it adds is pretty minimal so considering what you've just said I agree that it shouldn't be added |
@oriooctopus, This is an effort to reorganize the personal info part of the redesign using the current features. As a result, all of the components appearing in the middle or lower part of the live portfolio page will appear in the "new" portfolio as well.
This is an interesting idea, we can peruse it further in a dedicated issue if you wish.
The edit will happen from the settings page for now.
Agreed.
Predefined social buttons.
It will stay as is in the upcoming iteration. Only the streak numbers will be grouped with number of challenges completed.
Yes, it will be included. |
@gmgrigsby thank you for your suggestion. Ideally we would have a selector to allow users choose a number of social networks. Due to limited resources, we are sticking with the current functionality so contributors and maintainers can focus on the mission critical issues/features. |
My concern is that it's harder for users to find, I wouldn't necessarily assume that to edit the profile information I have to go to the settings page. Most of the time on a profile page (also consistent with the other sites I checked), there is an edit button on the profile page itself. Can we at least add an edit button that when clicked takes them to the settings page? |
that makes sense. |
Curious, is there a Figma file to this design that was proposed? |
There is, but think of it as a wireframe rather than a mockup. @Sembauke is looking into the implementation, so we should be able to see the changes in his pr soon. |
One thing the Profile page should probably have is an |
@ahmaxed Good point! However, I am worried that the bio, stats, and badges sections take up too much screen real estate in your version--especially if the user has multiple badges. This could result in profile viewers clicking off the website before ever reaching the project section, which is arguably more important. I will try to come up with alternative designs for the stats representation! |
I agree, let's go with you version of the badges. I will update the mocks accordingly |
Sounds good. Let me know if you need help |
Thanks for the suggestion. We would still run to some large translated word, but let us try it. I updated the mocks accordingly. |
@ahmaxed can i ask about steps: |
@ahmaxed @shootermv If we're set with the design for now, I would also love to help implement it |
We are set with the design. Yes, one section at a time works. It would be easier to review as well. |
@ahmaxed , question: |
@shootermv Could we just pull the data from Redux instead of using React context? |
good point @huyenltnguyen! of course we can, it is only matter of add user selector |
one more thing about figma design - |
I was following this issue lately and I was wondering that I might be available offering some help with implementing the new design. Is there already something to work with? |
@shootermv I checked the Figma file and we already have designs for desktop and mobile! I think the only change we need to make to turn the desktop design into tablet design is decreasing the margins and maybe resizing badges/putting them in a carousel |
@ahmaxed I'm trying to implement the stats section. Are we adding a toggle to let users display stats on their profiles in settings, or is this section going to be visible by default? I'm thinking we could simply rename the "My points" setting to "My stats." |
@shootermv, you could use a similar grid (col, row, container) as the current profile. That should help. |
How about a QR code that describes the whole profile,@NehemiahDias already mentioned one card that can be sharable and has a QR code in it. |
@ahmaxed , can we mark |
We need to have an edit button for the bio, |
this |
No, only the profile owner. |
Is your feature request related to a problem? Please describe.
The redesign of the Profile is way overdue. Here is the proposal for organizing the personal info section of the Profile and improving its aesthetics.
Design file:
https://www.figma.com/file/4M7uEe9kH8hgZdB07lBvj9/Untitled-(Copy)?type=design&node-id=0-1&mode=design&t=xDY6TLQqE5Ez0LF3-0
Describe the solution you'd like
We could use icons for location and joined date as Tom suggested.
Let us know if you have other considerations before we move to the implementation.
Describe alternatives you've considered
.
Additional context
No response
The text was updated successfully, but these errors were encountered: