This Currency Converter web application allows users to quickly convert between different currencies based on real-time exchange rates fetched from an external API.
-
Real-Time Exchange Rates: Fetches the latest exchange rates from the ExchangeRate-API to provide accurate currency conversions.
-
Multiple Currency Options: Supports conversion between various major currencies such as USD, EUR, GBP, JPY, AUD, CAD, CNY, INR, BRL, ZAR.
-
Dynamic Conversion: Calculates the converted amount based on user input (amount, from currency, to currency).
-
Loading Indicator: Displays a loading message while fetching exchange rate data to enhance user experience.
- React.js: Frontend JavaScript library for building user interfaces.
- Vite: Next-generation frontend tool that provides fast build times and an optimized development experience.
- Axios: HTTP client for making API requests.
- CSS: Styling the components for a better user interface.
-
Clone the repository:
git clone https://github.com/your-username/currency-converter.git
-
Navigate into the project directory:
cd currency-converter -
Install dependencies:
npm install
-
Run the application in development mode:
npm run dev
-
Open your web browser and navigate to
http://localhost:3000to start using the Currency Converter App.
- Enter the amount you wish to convert in the "Amount" input field.
- Select the currency you want to convert from in the "From Currency" dropdown.
- Select the currency you want to convert to in the "To Currency" dropdown.
- The converted amount will be displayed dynamically based on the selected currencies and amount.
- If both currencies are the same or any required input fields are empty, conversion results will not be displayed.
The ExchangeRate-API used in this application has rate limits for free usage. Please refer to their documentation for more details on rate limits and premium plans.
Contributions are welcome! If you have suggestions for improvement, please fork the repository and create a pull request.