Skip to content

Conversation

@jaydencarvajal511
Copy link

@jaydencarvajal511 jaydencarvajal511 commented Feb 2, 2026

Description

Migrated the Step1Amount component to TailwindCSS and shadcn/ui. Using those same tools, I built out Step3Confirm to look as close to the figma as possible (without adding the credit card number and other things the ticket said not to add).

Changes Made

  • Added the following files for shadcn components:
    • card.tsx
    • checkbox.tsx
    • input.tsx
    • label.tsx
    • textarea.tsx
  • Added font import in styles.css that i used in both components.

Testing & Verification

  • Manually tested all of the acceptance criteria.

Screenshots (if relevant)

image image image image

Future Improvements/Notes

On smaller screens, the FCC banner does not fit the screen properly. This however was not in the scope of my ticket.

Related Issues

Closes #35

@thaninbew thaninbew self-requested a review February 10, 2026 05:55
Copy link
Collaborator

@thaninbew thaninbew left a comment

Choose a reason for hiding this comment

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

really good PR! You thoroughly implemented the ticket. Great work! Just need to wait on some confirmation from design regarding font weights/fonts in general. will update

@thaninbew
Copy link
Collaborator

ty for bringing the banner unresponsiveness to light, I turned that into another ticket and it's already merged!

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Donation Form] Migrate to TailwindCSS + shadcn/ui

3 participants