This is a web application that enables users to retrieve exchange rates between two currencies and visualize them as a graph. Users must log in to access the input screen, where they can input the From and To currency symbols and choose their exchange rate preference. The exchange rate data is retrieved from the Alpha Vantage API, and the API query is generated based on user input.
To install and run the Vue project, follow the steps below:
- Make sure you have Node.js and npm installed on your machine. If you don't have it installed, download and install it from the official website.
- Clone the repository to your local machine using the command:
git clone https://github.com/esmaeilbahrani/exchangeRateAPI - Navigate to the project directory using the terminal or command prompt.
- Install the dependencies using the following command:
npm install - Once the installation is complete, run the following command to launch the project on your default browser.
This will compile and start the development server. You can access the project on your browser.
That's it! You have now successfully installed and launched the project.
To use the web application, follow these steps:
- On the login page, enter credentials and click the "Log In" button. For demonstration purposes, the credentials can be hardcoded, but validation will occur before redirecting the user to the input screen.
- On the input screen, enter the From and To currency symbols in the input fields provided. All standard currency symbols are allowed based on Alpha Vantage API.
- Click the "Get Exchange Rate" button to retrieve the exchange rate data and display it as a graph.
This web application was created by Esmaeil Bahrani Fard using the following technologies:
- HTML
- SCSS
- Vue JS
- Axios
- Pinia
- Alpha Vantage API
This project is licensed under the MIT License. See the LICENSE file for details.