Skip to content

feat: overhaul profile UI, add QR support and web creation tool#89

Open
samyuktaap wants to merge 2 commits into
Dev-Card:mainfrom
samyuktaap:main
Open

feat: overhaul profile UI, add QR support and web creation tool#89
samyuktaap wants to merge 2 commits into
Dev-Card:mainfrom
samyuktaap:main

Conversation

@samyuktaap
Copy link
Copy Markdown

@samyuktaap samyuktaap commented May 14, 2026

Summary

This PR completely overhauls the public profile UI with a modern, glassmorphic design. It introduces a 'Premium Card' aesthetic with smooth animations, dynamic mesh gradient backgrounds, and an integrated QR code generator for easy contactless sharing. Additionally, it implements a new web-based profile creation workflow that allows users to instantly preview their profiles.


Type of Change

  • Bug fix
  • New feature
  • Refactor (no functional change)
  • UI / Design change
  • Tests only
  • Documentation
  • Infrastructure / DevOps
  • Security

What Changed

  • Profile UI Overhaul: Redesigned apps/web/src/routes/u/[username]/+page.svelte with a premium glassmorphic layout, 3D floating animations, and dynamic gradients.
  • QR Code Support: Added auto-generated QR codes directly onto the profile card for easy sharing.
  • Web Creation Workflow: Improved the profile creation tool with a Create-to-Preview workflow.
  • Merge Conflicts: Resolved upstream merge conflicts to ensure a clean branch.

How to Test

  1. Navigate to /create to test the new profile creation flow and preview.
  2. Visit a user profile (e.g., /u/username) to view the new premium glassmorphic interface and verify the 3D card layout.
  3. Scan the generated QR code on the profile card to ensure it links correctly.

Checklist

  • My code follows the project's coding style (pnpm -r run lint passes).
  • TypeScript compiles without errors (pnpm -r run typecheck).
  • I have added or updated tests for the changes I made.
  • All tests pass locally (pnpm -r run test).
  • I have updated documentation where necessary.
  • No new console.log or debug statements left in the code.
  • Breaking changes are documented in this PR description.

@samyuktaap
Copy link
Copy Markdown
Author

@mohi2006august , I have submitted the PR (#89) for this task with the updated UI and QR support. Looking forward to your feedback!"

@ShantKhatri
Copy link
Copy Markdown
Contributor

@samyuktaap Please update the PR description properly.

@Harxhit
Copy link
Copy Markdown
Collaborator

Harxhit commented May 17, 2026

@samyuktaap Please join our discord channel -> https://discord.gg/cTpXtEyqd

@Harxhit Harxhit added the gssoc:approved Required label for every approved PR. Gives the base +50 points and enables contribution tracking. label May 17, 2026
@samyuktaap
Copy link
Copy Markdown
Author

samyuktaap commented May 17, 2026 via email

@Harxhit
Copy link
Copy Markdown
Collaborator

Harxhit commented May 17, 2026

@samyuktaap Please update your PR description

@samyuktaap
Copy link
Copy Markdown
Author

@Harxhit I have updated the PR description and resolved all merge conflicts with the main branch. The PR should be ready for review! Let me know if you need anything else.

1 similar comment
@samyuktaap
Copy link
Copy Markdown
Author

@Harxhit I have updated the PR description and resolved all merge conflicts with the main branch. The PR should be ready for review! Let me know if you need anything else.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved Required label for every approved PR. Gives the base +50 points and enables contribution tracking.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants