Skip to content

This Currency Converter App uses React for dynamic state management, Axios for fetching live exchange rates from CurrencyAPI, and CSS for layout. Users enter an amount, select currencies, and click "Convert." Axios retrieves the latest rate, and the app calculates and displays the result instantly for real-time accuracy.

Notifications You must be signed in to change notification settings

enesagu/Currency_exchanger

Repository files navigation

Currency Exchanger Application

This project is a currency converter app built with React and Vite. Users can input an amount, select currencies, and convert values using the latest exchange rates from CurrencyAPI. The app provides real-time currency calculations based on up-to-date exchange rates.

Features

  • Real-time currency conversion.
  • Accurate results using the latest exchange rates.
  • User-friendly interface with quick response times.

Requirements

To use this project:

  • You will need a CurrencyAPI key. You can obtain your API key by signing up with your Google account at CurrencyAPI and logging in.

Setup Instructions

  1. Clone the Repository:
    git clone https://github.com/your-username/currency-converter.git
    cd currency-converter
    
  2. Install Dependencies:
    npm install
    
  3. Configure the API Key: Open the src/Currency.jsx file. Update the API_KEY variable with your personal API key:
    let API_KEY = "paste_your_own_api_key_here";
    
  4. Run the Project:
    npm run dev
    

Deployment

Building and Deploying the Project with Vite

Build the Project:

Generate deployment files in the dist folder:

npm run build

This command creates an optimized production version of the app.

Deployment Platforms:

  • GitHub Pages: Configure the base setting in vite.config.js to /repo-name/ and deploy using GitHub Actions.
  • Netlify: Deploy directly by selecting the dist folder or use Netlify CLI with ntl deploy.
  • Vercel: Deploy with vercel deploy using the Vercel CLI or integrate via git.
  • Firebase: Deploy using firebase deploy with a configured firebase.json file.

About

This Currency Converter App uses React for dynamic state management, Axios for fetching live exchange rates from CurrencyAPI, and CSS for layout. Users enter an amount, select currencies, and click "Convert." Axios retrieves the latest rate, and the app calculates and displays the result instantly for real-time accuracy.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published