Skip to content

codeitnav/currency-converter

Repository files navigation

Currency Converter

Overview

The Currency Converter is a powerful and user-friendly web application built using HTML, CSS, JavaScript, and React. This tool allows users to convert between approximately 300 currencies with real-time exchange rates, making it ideal for travelers, online shoppers, and businesses engaged in international transactions.

Live Demo

Features

  • Real-Time Exchange Rates: Access up-to-date conversion rates from reliable financial sources, ensuring accuracy for every transaction.
  • Support for 300+ Currencies: Convert between a wide range of global currencies, including major ones like USD, EUR, GBP, and many others.
  • Responsive Design: Optimized for all devices, ensuring a consistent and intuitive user experience on desktops, tablets, and smartphones.
  • Swap Functionality: Easily swap between the "From" and "To" currencies with a single click.
  • Intuitive Interface: User-friendly design that allows for quick and easy conversions.
  • Secure and Reliable: The application prioritizes user privacy and the accuracy of conversion data.

Technologies Used

  • HTML5: For structuring the content.
  • CSS3: For styling and responsive design.
  • JavaScript (ES6+): For dynamic functionality and logic.
  • React: For building reusable UI components and managing the application's state.

Usage

  1. Select the currencies: Choose the currencies you wish to convert between.
  2. Enter the amount: Input the amount you want to convert.
  3. Convert: Click on the "Convert" button to see the converted amount in the selected currency.
  4. Swap: Use the "Swap" button to switch the "From" and "To" currencies instantly.

Project Structure

  • /components - Contains reusable React components like InputBox, Navbar, and Footer.
  • /hooks - Custom hooks for fetching and managing currency data.
  • App.jsx - The main component that handles the overall structure and logic.
  • index.css - Contains the global CSS styles for the project.
  • README.md - Project description and instructions.

Contributions

Contributions are welcome! If you have suggestions for improving this project or want to add new features, feel free to open an issue or submit a pull request.

License

This project is open-source and available under the MIT License.

Acknowledgments

  • Exchange Rate API - Thanks to the API providers for offering reliable and up-to-date exchange rate data.
  • React Community - For creating and maintaining an excellent library for building user interfaces.

About

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors