Create a Currency Converter in Javascript

#html #css #javascript #currencyconverter #javascriptprojects #exchangerate #currencyexchange #vanillajavascript

Source: https://github.com/refinedguides/curr...
Demo: https://refinedguides.com/currency-co...

Key Features Covered: 🔥

➠ ✅ Toggle drawer to display currencies
➠ ✅ Display list of available currencies from API
➠ ✅ Currency search functionality
➠ ✅ Exclude current selected pairs (base and target currency)
➠ ✅ Choose currency pairs for conversion
➠ ✅ Display exchange rate
➠ ✅ Calculate and display the conversion result
➠ ✅ Switch conversion pairs with one-click "swap"
➠ ✅ Show loading indicator on data retrieval

In this video, we'll walk you through the creation of a JavaScript app that provides real-time exchange rate information, allowing users to effortlessly convert currencies. It covers selecting currencies, swapping currency pairs, fetching real-time exchange rates, and converting input values based on the selected pairs. By the end of this video, you'll have a fully functional Currency Converter at your disposal, ready to provide real-time exchange rates and streamline your financial transactions.

00:00 Demo
01:07 Layout structure in HTML/CSS
13:24 Javascript layout
13:30 Toggle drawer
15:51 Display currencies from API
19:22 Currency search
22:07 Exclude selected pair
23:20 Choose currency pair
26:52 Display exchange rate
29:51 Display conversion
35:30 Switch conversion pair
36:57 Show loading indicator
39:52 Final Output

📚 Curious for More JavaScript and Web Dev Insights?
Explore our playlist Vanilla JavaScript Projects for an enriched learning journey! 📖

   • Vanilla Javascript Projects  

Don't forget to like this video, subscribe to our channel, and hit the bell icon to get notified of future coding guides. If you have any questions or need help with the project, feel free to drop a comment below. Happy coding! 😃👍

TRACKS: 🎧

➠ Heaven
➠ Keep Trying
➠ Kindness
➠ Dandelion
➠ Weekend
➠ City Dreams
➠ Don't Let Me Go
➠ Tell Me
➠ Sunrise
➠ Breeze
➠ Deeper
➠ Lose You
➠ Ocean Drive
➠ Moving On
➠ Up All Night
➠ Morning Sun
➠ Move Me

Music by LiQWYD

Youtube:    / @liqwyd  
Spotify: https://spoti.fi/2RPd66h
Soundcloud:   / liqwyd