Foreign exchange currency converter

What are you most proud of, and what would you do differently next time?

I'm most proud of building a scalable architecture using Next.js, TanStack Query, Zustand, and reusable API functions. Next time, I'd spend more time planning the component structure before starting the UI to reduce refactoring later.

What challenges did you encounter, and how did you overcome them?

The biggest challenge was building the searchable currency picker with shadcn/ui and integrating it with live API data while keeping the types safe. I solved it by breaking the problem into smaller components, improving my TypeScript types, and creating reusable API hooks with TanStack Query.

What specific areas of your project would you like help with?

I'd appreciate feedback on my overall architecture, component organization, and state management. I'm also interested in suggestions for improving performance, accessibility, and the user experience.