Currency-Convertor Tailwind Templates

Currency Convertor

A simple and interactive Currency Convertor built with React.js and Tailwind CSS. It fetches real-time exchange rates from an API and includes a Dark/Light Mode toggle for better user experience.

✨ Currency Convertor ✨

A simple and interactive Currency Convertor built with React.js and Tailwind CSS. It fetches real-time exchange rates from an API and includes a Dark/Light Mode toggle for better user experience.

🌐 Features

  • ✨ Real-time currency conversion
  • šŸŒ Fetches data from a currency API
  • 🌟 Dark & Light theme toggle
  • 🌟 Swap button for quick currency exchange
  • ✨ Responsive & user-friendly UI

šŸš€ Live Demo

šŸ”— Try it out here

šŸ“ Installation

  1. Clone the repository:
    git clone https://github.com/your-username/currency-convertor.git
    
  2. Navigate to the project directory:
    cd currency-convertor
    
  3. Install dependencies:
    npm install
    
  4. Start the development server:
    npm start
    

šŸŒ Tech Stack

  • ✨ React.js - Frontend framework
  • ✨ Tailwind CSS - Styling
  • ✨ API - Fetching real-time exchange rates

šŸ’Ŗ How It Works

  1. Select the currency type from the dropdown.
  2. Enter the amount to be converted.
  3. Click the Convert button to get real-time conversion.
  4. Use the Swap button to switch currencies quickly.
  5. Toggle between Dark & Light Mode for better visibility.

šŸ‘Øā€šŸ’» Contributing

Feel free to fork this repository and submit pull requests to enhance functionality or improve the UI.

āš–ļø License

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

Happy Coding! ✨

Top categories

Loading Svelte Themes