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

[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.

[Boxuan-Matty-Lin]

simple error catch:

[Boxuan-Matty-Lin]

big screen

[Boxuan-Matty-Lin]

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

[Boxuan-Matty-Lin]

phone version: