Skip to content

MVP 1.2 — Build the frontend to show latest data(with shadcn/ui) #3

Closed

Description

@Boxuan-Matty-Lin

Title: MVP 1.2 — Build the frontend (with shadcn/ui)

Goal

Implement the UI to show an AUD → USD/EUR/JPY/GBP/CNY list using shadcn/ui.

Tasks

  • Layout: responsive (sidebar on md+, list-only on mobile).
  • Use shadcn/ui: Card, Input, Button, Separator, Skeleton, RadioGroup (+ Card for single-select).
  • Home page: amount input, 5 currency cards, Refresh rates button.
  • States: loading (Skeleton), error message, instant recompute on input.

Acceptance

  • Page renders 5 cards with converted values; input updates instantly.
  • Refresh triggers re-fetch with visual feedback.
  • Proper loading/error states; accessible labels and focus.

Activity

  1. changed the title [-]MVP 1.2 — Build the frontend (with shadcn/ui)[/-] [+]MVP 1.2 — Build the frontend to show latest data(with shadcn/ui)[/+] on Oct 28, 2025
  2. Boxuan-Matty-Lin commented on Oct 28, 2025

    @Boxuan-Matty-Lin
    OwnerAuthor

    simple error catch:
    Image

  3. Boxuan-Matty-Lin commented on Oct 28, 2025

    @Boxuan-Matty-Lin
    OwnerAuthor

    big screen
    Image

  4. Boxuan-Matty-Lin commented on Oct 28, 2025

    @Boxuan-Matty-Lin
    OwnerAuthor

    refresh trigger (simple version, will optimize to only render the num only)
    Image

  5. Boxuan-Matty-Lin commented on Oct 28, 2025

    @Boxuan-Matty-Lin
    OwnerAuthor

    phone version:
    Image

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions