https://github.com/sameermistry2502/react-currency-covert-demo
Make Responsive UI Component and API Integration for currency conversation
https://github.com/sameermistry2502/react-currency-covert-demo
Last synced: about 1 year ago
JSON representation
Make Responsive UI Component and API Integration for currency conversation
- Host: GitHub
- URL: https://github.com/sameermistry2502/react-currency-covert-demo
- Owner: sameermistry2502
- License: mit
- Created: 2025-02-10T13:29:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-10T13:56:07.000Z (over 1 year ago)
- Last Synced: 2025-02-10T14:49:08.517Z (over 1 year ago)
- Language: TypeScript
- Size: 669 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Currency Converter
The React Currency Converter is a web application that enables users to perform currency conversions using the [API](https://www.exchangerate-api.com/). 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
```
2. Navigate to the project directory:
```
cd react-currency-converter
```
3. Install the required dependencies:
```
npm install
```
4. Start the development server:
```
npm start
```
5. Open your web browser and visit [http://localhost:3000](http://localhost:3000) to access the app.