Skip to content

feat: add core functionality without backend (#244)#245

Open
shruti-porwal wants to merge 1 commit into
Dev-Card:mainfrom
shruti-porwal:feat/core-functionality-no-backend
Open

feat: add core functionality without backend (#244)#245
shruti-porwal wants to merge 1 commit into
Dev-Card:mainfrom
shruti-porwal:feat/core-functionality-no-backend

Conversation

@shruti-porwal
Copy link
Copy Markdown

Closes #244

What this PR does

Adds the complete core product loop to the web app without requiring
any backend or database connection.

Changes

  • Landing page now has a "Create Your Card" form
  • Users can add username, name, bio, avatar and platform links
  • Profile data saved to localStorage as devcard_[username]
  • /u/[username] reads from localStorage and displays the full card
  • QR code generated client-side using the qrcode package
  • "View Demo Card" seeds demo data and navigates to /u/devcard-demo

How to test

  1. pnpm install && pnpm --filter web dev
  2. Visit http://localhost:5173
  3. Fill the Create Card form → click Generate My Card
  4. You land on /u/[username] with your links and a working QR code
  5. Scan the QR code → opens your profile page
  6. Click "View Demo Card" on homepage → demo profile loads instantly

Screenshots

Screenshot 2026-05-22 124554 Screenshot 2026-05-22 124630 Screenshot 2026-05-22 125223

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

Hey @Harxhit, you've already approved the PR but it's blocked due to Vercel authorization. Could you please merge it manually or fix the Vercel check? Thanks!

export const load: PageServerLoad = async ({ params, fetch }) => {
try {
const res = await fetch(`${API_BASE}/api/u/${params.username}?source=web`);
if (!res.ok) {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Without a backend here, never meant to remove the existing BE implementation, here we meant to flag that, we are expecting just FE flow from this PR.

Comment thread README.md

- **Developer Card Form**: Create or update your profile card containing fields for Username, Full Name, Bio, and multiple platform links (GitHub, LinkedIn, Twitter/X, Instagram, YouTube, Dev.to, LeetCode, Portfolio).
- **Interactive Avatar Studio**:
- **Dynamic Initials SVG**: Instantly generates a colorful gradient SVG avatar using the initials from the entered Full Name.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This feature don't need anything in Readme. as Readme is for whole project not functionality flow documentation. Thanks!

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.

feat: add core functionality (create card + QR code) without backend

3 participants