This is a simple Currency Converter application built using Vue.js. The app allows you to convert currencies using real-time exchange rates fetched from a public API.
To run this application, you'll need the following:
- Node.js (with npm)
- Clone the repository:
git clone https://github.com/your-username/currency-converter-app.git
- Navigate to the project directory:
cd converter
- Install the dependencies:
npm install
- Run the development server:
npm run serve
- Open your web browser and navigate to
http://localhost:8080
to see the app in action.
The Currency Converter app allows you to convert different currencies.
The main page (App.vue
) displays multiple ConverterComponent
instances, each for a different currency conversion pair.
The ConverterComponent
is a reusable component responsible for converting currencies.
It takes two props: currencyA
and currencyB
, which represent the source and target currencies, respectively.
-
Enter the amount you want to convert in the text input labeled with
currencyA
. -
Click the "Converter" button to perform the conversion.
-
The converted amount will be displayed below the button.
- Vue.js
- Fetch API
This project was created as a learning exercise and is meant to demonstrate basic usage of Vue.js and making API calls using the Fetch API.