Skip to content

ShakebShamsi/react-currency-converter

Repository files navigation

💱 React Currency Converter

A responsive and real-time Currency Converter built with React.js.
Easily convert between different global currencies with up-to-date exchange rates.

🔗 Live Demo: react-currency-converter


📌 Features

  • 🔄 Convert any currency to another in real time
  • 🌍 Supports all major global currencies
  • 📉 Fetches live exchange rates from a public API
  • 🔍 User-friendly and responsive UI
  • ⚛️ Built entirely with React functional components

🛠️ Tech Stack

  • React.js – Frontend framework
  • HTML5 + CSS3 – Markup and styling
  • JavaScript (ES6) – Logic & interactivity
  • Exchange Rate API – For live conversion rates (e.g., exchangerate.host or Frankfurter API)

🚀 Getting Started

Clone the repository and install dependencies:

git clone https://github.com/yourusername/react-currency-converter.git
cd react-currency-converter
npm install
npm start

📂 Folder Structure

react-currency-converter/
├── public/
│   └── index.html
├── src/
│   ├── components/
│   │   └── Converter.js
│   ├── App.js
│   ├── App.css
│   └── index.js

🔧 API Integration Uses a free currency exchange API to fetch live rates

Handles user inputs dynamically

Updates converted values in real-time

You can replace the API source by updating the fetch URL in Converter.js.

✨ Screenshots

📬 Contact Created by Shakeb Shamsi 📧 Email: info.shakeb@gmail.com 🌐 LinkedIn

About

Currency Converter with LIVE rates

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published