Skip to content

The Currency Converter web application allows users to easily convert currencies using the API. With a simple form, users can select the currencies, enter the amount, to get real-time exchange rates and the converted amount.

Notifications You must be signed in to change notification settings

simranlotey/react-currency-converter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Currency Converter

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.

Features

  • 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.

Technologies Used

  • 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.

Getting Started

To run the React Currency Converter on your local machine, follow these steps:

  1. Clone the repository to your local machine using the following command:
git clone https://github.com/simranlotey/react-currency-converter.git
  1. Navigate to the project directory:
cd react-currency-converter
  1. Install the required dependencies:
yarn install
  1. Start the development server:
yarn start
  1. Open your web browser and visit http://localhost:3000 to access the app.

Contributing

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!

Acknowledgments

  • This project utilizes the API for currency conversion data. We are grateful for their services.

About

The Currency Converter web application allows users to easily convert currencies using the API. With a simple form, users can select the currencies, enter the amount, to get real-time exchange rates and the converted amount.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published