A simple and efficient currency converter built with React and Axios. Convert between different currencies in real-time using the latest exchange rates.
- Real-time currency conversion
- Support for multiple currencies worldwide
- Clean and responsive user interface
- Exchange rate data from reliable API
- Easy-to-use dropdown selectors
- Instant conversion updates
- React 18.x
- Axios
- CSS
- Exchange Rates API
Before you begin, ensure you have the following installed:
- Node.js (v14.0 or higher)
- npm (v6.0 or higher)
- Clone the repository:
git clone https://github.com/DevendraCollage/React_Axios_Currency_Converter
- Navigate to the project directory:
cd currency-converter
- Install dependencies:
bun install
- Create a
.env
file in the root directory and add your API key:
REACT_APP_EXCHANGE_API_KEY=your_api_key_here
- Start the development server:
bun run dev
- Select your base currency from the first dropdown
- Enter the amount you want to convert
- Select the target currency from the second dropdown
- The converted amount will be display
currency-converter/
├── src/
│ ├── API/
│ │ └── postAPI.jsx
│ │
| └── index.css
│ └── App.jsx
├── public/
└── package.json
If you find this project helpful, please give it a ⭐️!