Skip to content
Submitted 13 days ago

Foreign exchange currency converter Vite | React

react, vite, typescript
P
LVL 3
@AndJunes
A solution to the Foreign exchange currency converter challenge

Solution retrospective


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

I'm really happy with the rate history chart. I built it from scratch with SVG instead of using a chart library and it adapts to any screen size.

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

The chart was the hardest part. On mobile it looked squished and the axis labels were tiny, until I figured out I had to match the SVG viewBox to the real rendered size with a ResizeObserver. The currency dropdown also got clipped by the card it lived in, which turned out to be an overflow hidden issue on the parent.

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

I would love feedback on the accessibility.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Andrea Junes’s solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord