This simple currency converter is a React-based web application that allows users to convert currency values. It utilizes Axios for API requests and integrates Tailwind CSS for styling.
This repository contains a simple currency converter React app built to assist users in converting currencies easily. The app features an InputBox component, hooks for fetching currency lists and conversion rates, and an App component that ties everything together for seamless currency conversion.
- Conversion of currency values
- InputBox component for entering amounts and selecting currencies
- API integration using Axios for fetching currency data
- Responsive UI design with Tailwind CSS
The project directory structure is organized as follows:
simpleCurrencyConverter/
├── src/
│ ├── components/
│ │ ├── InputBox.jsx
│ ├── hooks/
│ │ ├── useCurrencyConvert.jsx
│ │ ├── useCurrencyList.jsx
│ ├── App.jsx
│ ├── index.css
├── package.json
└── README.md
-
Clone the repository:
git clone https://github.com/mustafa854/react-currency-converter.git cd simpleCurrencyConverter
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and go to
http://localhost:3000
to view the application. -
Enter the amount, select the currencies, and click 'Convert' to see the converted amount.
- React
- Axios
- Tailwind CSS