Skip to content

arjunshekhawat5/currency-converter

Repository files navigation

Currency Conversion App

This is a simple React application for currency conversion. It allows users to input an amount in one currency and see the equivalent amount in another currency.

Convert at - https://currency-converter-jc8z.onrender.com/

Features

  • Input field for entering the amount in a specified currency.
  • Dropdown menu for selecting the currency type.
  • Real-time currency data fetched from an external API.
  • Swap functionality to switch between input and output currencies.
  • Responsive design for use on various devices.

Usage

  • Enter the amount you want to convert in the "From" input field.
  • Select the input currency type from the dropdown menu.
  • Select the output currency type from the dropdown menu.
  • Click the "Convert" button to see the converted amount in the "To" input field.

Technologies Used

  • React: JavaScript library for building user interfaces.
  • Axios: Promise-based HTTP client for making API requests.
  • Tailwind CSS: Utility-first CSS framework for styling.
  • PropTypes: Runtime type checking for React props.

Getting Started

Prerequisites

  • Node.js and npm (Node Package Manager) installed on your machine.

Installation

  1. Clone the repository to your local machine:
git clone https://github.com/arjunshekhawat5/currency-conversion-app.git
  1. Navigate to the project directory:
cd currency-conversion-app
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev
  1. Open your web browser and visit http://localhost:3000 to view the application.

About

Converts currencies

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published