Currency Converter
Description
This is a React-based web application that enables users to convert between two currencies using real-time exchange rates sourced from the openexchangerate API. Additionally, it includes a Progressive Web App (PWA) for enhanced user experience and convenience.
Site
Here is a link to the site hosted on Netlify.
Installation
- Clone the repository or download the project files.
- Install the required dependencies using
npm install
. - Start the application using
npm start
. - Open your web browser and navigate to
http://localhost:3000/
to view the application.
Usage
- Select the starting currency from the first drop-down list.
- Enter the amount to be converted in the input field next to the first drop-down list.
- Select the currency to which you want to convert from the second drop-down list.
- The converted amount will be displayed in the input field next to the second drop-down list.
- The exchange rate will be displayed in the middle, between the two drop-down lists.
- Click the “Swap” button to switch the starting and target currencies.
- Click the “Clear” button to reset the inputs.
Technologies Used
- React
- JavaScript
- HTML
- CSS
Credits
This project was built by Ori Baram. The exchange rates are provided by the openexchangerate API.
This project was initially implemented with Vanilla JavaScript as part of the “20 Web Projects With Vanilla JavaScript” course by Brad Traversy. In this project, I have refactored the original implementation and rewritten it in React.