Currency-Converter

This is a simple Currency Converter application built using HTML, CSS, and JavaScript. It allows users to convert amounts from one currency to another using real-time exchange rates. The application fetches the latest exchange rates using an external API and displays the conversion result.

Table of Contents

• Introduction
• Features
• Installation
• Usage
• API Used
• Project Structure
• Learning Source

Introduction

The Currency Converter is an easy-to-use tool that lets users convert any amount from one currency to another using up-to-date exchange rates. The application has a simple interface, making it accessible and user-friendly.

Features

• Converts currency amounts based on real-time exchange rates.
• User-friendly interface with dropdowns to select currencies.
• Displays flags of selected currencies for better visual identification.
• Provides instant conversion on form submission.
• Automatically updates flags based on currency selection.

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Rupesh-Singh-Karki/Currency-Converter.git

2. Navigate to the project directory:

   cd Currency-Converter

3. Open the index.html file in your browser to start using the converter.

Usage

1. Enter the amount you wish to convert.
2. Select the currencies from the "From" and "To" dropdown menus.
3. Click the "Get Exchange Rate" button to see the conversion result.
4. The exchange rate and converted amount will be displayed.

API Used

This project uses the Frankfurter API to fetch the latest exchange rates. The API provides real-time currency conversion data, making it easy to integrate into web applications.

Project Structure

• index.html: The main HTML file that structures the webpage.
• style.css: The CSS file that styles the webpage.
• script.js: The JavaScript file that contains the logic for fetching exchange rates and updating the UI.
• codes.js: This JavaScript file contains a list of country codes and currency codes used in the application.

Learning Source

I learned how to create this Currency Converter application by following a tutorial on YouTube. You can watch the tutorial here.