A simple, modern currency converter web application built with React and Vite. Instantly convert between currencies using live exchange rates, with a clean UI and dark mode support.
- Real-time currency conversion using @fawazahmed0/currency-api
- Swap between currencies with one click
- Responsive design with Tailwind CSS
- Dark mode toggle
- Built with React Router for navigation
- React
- Vite
- Tailwind CSS
- React Router DOM
- Lucide React
- Axios
- @fawazahmed0/currency-api
- ESLint, Prettier, and plugins for code quality
-
Clone the repository:
git clone https://github.com/MrAkbari91/currency-converter.git cd currency-converter
-
Install dependencies:
Using npm:
npm install
Using yarn:
yarn install
Using bun:
bun install
-
Start the development server:
Using npm:
npm run dev
Using yarn:
yarn dev
Using bun:
bun run dev
-
Open in your browser: Visit http://localhost:5173 (or the port shown in your terminal).
- Enter an amount and select the source and target currencies.
- Click "Convert" to see the converted value using the latest exchange rates.
- Use the "swap" button to quickly switch between source and target currencies.
- Toggle dark mode using the moon/sun icon in the header.
This project is ideal for anyone needing quick, accurate currency conversions in a modern web interface.
This project is open source! Contributions, issues, and feature requests are welcome.
- Fork the repository
- Create your feature branch (
git checkout -b feature/YourFeature
) - Commit your changes (
git commit -m 'Add some feature'
) - Push to the branch (
git push origin feature/YourFeature
) - Open a pull request
Made with ❤️ by Dhruv Akbari