feat(ui): implemented responsive user profile dashboard page#88
Open
Nacho1499 wants to merge 1 commit into
Open
feat(ui): implemented responsive user profile dashboard page#88Nacho1499 wants to merge 1 commit into
Nacho1499 wants to merge 1 commit into
Conversation
|
@Nacho1499 is attempting to deploy a commit to the Sudipta 's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
@Nacho1499 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
Author
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Closes #67
PR Description:
This PR implements a fully responsive User Profile Page UI under Issue #67. The interface features a dark-mode theme paired with vibrant gradient accent highlights and smooth hover animations to remain cohesive with the existing landing page design tokens.
Changes Made:
-Profile Header Block: Positioned a top hero banner displaying a prominent avatar placeholder, an active contributor status indicator badge, and a copyable connected public wallet key component.
-Account Statistics Grid: Created a responsive CSS grid layout containing interactive metadata info-cards displaying lifetime items, quality completion scoring with custom inline text interpolation gradients, moderation dispute counters, and trust levels.
-Recent Activity Feed: Engineered a live vertical timeline tracking system equipped with animated layout accent dots and vector redirect pathways (ArrowUpRight) for viewing code snippet tracking histories.
-TypeScript Setup Hardening: Refactored project-level boundaries inside tsconfig.json to prevent external parent resolution tree leaks and configured explicit JSX definitions.
Files created:
app/profile/pages
Acceptance Criteria Verification:
[x] Responsive layout across devices — Verified mobile, tablet, and desktop flexbox/grid layout rendering states.
[x] Display connected wallet address prominently — Configured an accessible wallet banner with single-click clipboard copying.
[x] Show total snippets created by the user — Embedded a stylized statistic tracker.
[x] Section for recent activity — Built out a timeline stream charting recent workspace updates and language environments.
[x] Account statistics — Provided explicit UI targets for completion metrics and active dispute logging.
[x] Consistent design tokens — Utilized matching background radial blur containers and color palettes.