Skip to content

skp3214/currency-converter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💱 Currency Converter - React.js 🌐

Currency Converter


🚀 About the Project

This project is a React.js adaptation of the currency converter originally created by Shradha Khapra using vanilla JavaScript and the fetch API.

🛠 Purpose

  • To understand how DOM manipulation differs in React compared to vanilla JavaScript.
  • To explore how APIs can be integrated seamlessly in React for dynamic functionality.

🌍 Features

  • Country Flags: Dynamically fetched using an API.
  • Currency Conversion: Real-time exchange rates provided via API integration.

🎥 Project Video

Watch the original project creation process:
Project Video


📸 Project Screenshots

Currency Conversion Interface

Currency Converter Interface

Dynamic Flag and Conversion Display

Conversion Display


🔧 Tech Stack

  • Frontend: React.js
  • APIs: Fetch API for fetching country flags and real-time currency exchange rates.

Feel free to explore the live website and experience its features!


💡 Suggestions for Further Enhancement:

  • Add input validation to ensure proper user inputs for conversion.
  • Display error messages when the API fails to fetch data.
  • Include a "Favorite Currencies" feature for quicker conversions.
  • Add dark mode for improved usability.