Build A Currency Converter using ReactJS | Best Beginner ReactJS Project

In the video, I've shown you how to build a functional currency converter using Reactjs. Users can input an amount, select currencies for conversion, and click a button to fetch the exchange rate. The converter also displays flags representing currency codes, and clicking a swap button switches the currencies.
🖼️ Get background image, svg icon, and currency array
➤ drive.google.com/drive/folder...
🗂️ Get Source Codes of this Currency Converter
➤ buymeacoffee.com/codingnepal/...
🌐 Visit CodingNepal for helpful coding projects
➤ www.codingnepalweb.com
⭐ Hire me on Fiverr
➤ www.fiverr.com/prakashahi
📷 Follow me on Instagram
➤ / coding.np
🤝 Support my work with a coffee
➤ buymeacoffee.com/codingnepal
🕔 Timestamps
0:00 Currency Converter Demo
1:11 Initializing the ReactJS project
2:26 Making the main App component
6:56 Styling the App component
20:28 Making Converter Form a component
21:25 Making Currency Select a component
23:33 Working on Currency Select component
28:42 Implementing data fetching for currency rates
#reactjs #css #javascript #currency_converter

Пікірлер: 24

  • @CodingNepal
    @CodingNepalАй бұрын

    Reuploaded due to background noise and video quality issues.

  • @palashjyotiborah9888

    @palashjyotiborah9888

    Ай бұрын

    Thanks. 🎉

  • @theVibeSound
    @theVibeSound28 күн бұрын

    welcome back bro i missed u many days without giving us creative video like this! i really appreciate your work bro! but i think also you may include a background music!

  • @CodingNepal

    @CodingNepal

    24 күн бұрын

    Thank you so much bro.. I'm just trying some videos without background music. Let's see what other thinks about it.

  • @theVibeSound

    @theVibeSound

    17 күн бұрын

    @@CodingNepal no matter what bro!, your videos are still super amazing🤩

  • @yubiroaster6285
    @yubiroaster6285Ай бұрын

    Great video and now there is no background noise. Thanks!❤

  • @CodingNepal

    @CodingNepal

    Ай бұрын

    Thank you! Keep watching.

  • @MindsetMastery550
    @MindsetMastery55015 күн бұрын

    Thnx 😊

  • @NoTimeWaste1
    @NoTimeWaste118 күн бұрын

    Done!! ✅

  • @codeenest
    @codeenest20 күн бұрын

    Great video

  • @CodingNepal

    @CodingNepal

    15 күн бұрын

    Thanks!

  • @marpusik1277
    @marpusik1277Ай бұрын

    thanks 😊

  • @CodingNepal

    @CodingNepal

    24 күн бұрын

    You're welcome :)

  • @tejchandrakaranam5492
    @tejchandrakaranam5492Ай бұрын

    try to make a web based on stock market

  • @CodingNepal

    @CodingNepal

    24 күн бұрын

    Sure.. keep watching!

  • @RaptorRepack
    @RaptorRepackАй бұрын

    Same video re-uploaded 😂

  • @Fnydo
    @FnydoАй бұрын

    How to make responsive topography for website like responsive font size, etc.

  • @CodingNepal

    @CodingNepal

    24 күн бұрын

    To make responsive typography in CSS you can use several techniques: 1. Media queries 2. Relative units (em, rem,) 3. Viewport Units (vw, vh)

  • @phantuanbao7537
    @phantuanbao7537Ай бұрын

    Can you make a lavel shopping cart?

  • @CodingNepal

    @CodingNepal

    24 күн бұрын

    Why do you mean by lavel shopping cart?

  • @shreyapatel6695
    @shreyapatel66958 күн бұрын

    I'm getting NaN error what can I do

  • @CodingNepal

    @CodingNepal

    8 күн бұрын

    Here are the potential reasons for a NaN error: 1. Entering a non-numeric value for the amount. 2. API response does not contain a valid conversion_rate. Make sure the amount is numeric and you provide a valid API key to avoid NaN errors.

  • @shreyapatel6695

    @shreyapatel6695

    8 күн бұрын

    I'm doing the same way as you are but still getting error

  • @lakshyarajdash
    @lakshyarajdashАй бұрын

    Re-uploaded 3 times

Келесі