The React Currency Converter is a web application that enables users to perform currency conversions using the API. With a simple and user-friendly interface, this app allows users to select the currencies they want to convert from and to, specify the amount, and instantly get the converted result. This app provides real-time exchange rate data for over 150+ currencies. It is built using React, TypeScript, Bootstrap, Axios, and Moment libraries.
- Choose the currency to convert from a drop-down list.
- Select the currency to convert to from another drop-down list.
- Input the amount to be converted.
- Fetch the current exchange rate and get the converted amount.
- React: JavaScript library for building user interfaces.
- TypeScript: A statically typed superset of JavaScript, adding type checking to your code.
- Bootstrap: CSS framework for responsive and visually appealing designs.
- Axios: Promise-based HTTP client for making API requests.
- Moment: JavaScript library for parsing, validating, manipulating, and formatting dates.
- Currency-flags: A library displaying currency flags. Used it in the dropdown.
To run the React Currency Converter on your local machine, follow these steps:
- Clone the repository to your local machine using the following command:
git clone https://github.com/simranlotey/react-currency-converter.git
- Navigate to the project directory:
cd react-currency-converter
- Install the required dependencies:
yarn install
- Start the development server:
yarn start
- Open your web browser and visit http://localhost:3000 to access the app.
We welcome contributions to enhance the functionality and user experience of the React Currency Converter. If you find any bugs or want to add new features, please feel free to open an issue or submit a pull request. We appreciate your help in making this project better!
- This project utilizes the API for currency conversion data. We are grateful for their services.