A web application that converts one currency to another currency and shows the change in currency rate overtime in graphical representation.
Built with React.js, IPStack API, and Exchange Rate API, it shows the value of one currency to another currency
- 📍 Automatic user location detection using IPStack API
- 📰 Currency rate of currency from Exchange Rate API
- 🌐 Support for multiple currencies worldwide
- 📱 Shows rate fo currency in graphical representation
To set up the Currency Converter App project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/apilayer/currency-converter-app.git
-
Navigate to the project directory:
cd currency-converter-app
-
Install the dependencies:
npm install
-
Create a
.env.local
file in the root directory and add your API keys:VITE_IPSTACK_API_KEY=your_ipstack_api_key_here VITE_EXCHANGE_RATE_API_KEY=your_exchange_rate_api_key_here
-
Run the development server:
npm run dev
-
Open http://localhost:3000 in your browser to see the application.
- Upon loading, the app will attempt to detect your current location using the IPStack API.
- Once your location is determined, the app will show your local currency.
- Select the desired currency in which you want to convert your local currency and it will fetch the currency value using Exchange Rate API
- React
- IPStack API for geolocation
- Exchange Rate API for currencies values
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE.md file for details.
If you encounter any issues or have questions, please file an issue on the GitHub repository.