This is a simple currency converter application built using React.js. It allows users to convert between different currencies using real-time exchange rates fetched from an API.
Live Demo: Currency Converter Demo
- Convert from one currency to another
- Real-time exchange rates
- User-friendly interface
-
Clone the repository to your local machine:
git clone https://github.com/github18122021/Currency_Converter.git
-
Navigate into the project directory:
cd react_currency_converter -
Install dependencies using npm or yarn:
npm install # or yarn install -
Replace the placeholder
YOUR_RAPIDAPI_KEYinApp.jswith your own RapidAPI key. -
Start the development server on port 5173:
PORT=5173 npm start # or PORT=5173 yarn start -
Open your browser and visit http://localhost:5173 to view the application.
- Enter the amount you want to convert in either the "From" or "To" input field.
- Select the currency you want to convert from in the dropdown menu.
- Select the currency you want to convert to in the dropdown menu.
- Click the "Convert" button.
- The converted amount will be displayed in the corresponding input field.
- React.js: A JavaScript library for building user interfaces.
- Axios: A promise-based HTTP client for making requests to APIs.
- RapidAPI - Currency Converter Pro API
- Used to fetch currency rates and currency list.