https://github.com/immortalwebdev/currency-converter
A simple web-based currency converter built using HTML, Tailwind CSS, and JavaScript. This project allows users to convert currencies based on real-time exchange rates fetched from the v6.exchangerate-api.
https://github.com/immortalwebdev/currency-converter
css3 currency-converter html5 javascript js netl vanilla-css
Last synced: 2 months ago
JSON representation
A simple web-based currency converter built using HTML, Tailwind CSS, and JavaScript. This project allows users to convert currencies based on real-time exchange rates fetched from the v6.exchangerate-api.
- Host: GitHub
- URL: https://github.com/immortalwebdev/currency-converter
- Owner: immortalWebDev
- Created: 2024-08-27T19:04:04.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-18T10:37:16.000Z (over 1 year ago)
- Last Synced: 2025-03-27T23:30:53.709Z (about 1 year ago)
- Topics: css3, currency-converter, html5, javascript, js, netl, vanilla-css
- Language: JavaScript
- Homepage: https://cur-con-piyush.netlify.app/
- Size: 55.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 💰 Currency Converter
A simple web-based currency converter built using HTML, Tailwind CSS, and JavaScript. This project allows users to convert currencies based on real-time exchange rates fetched from the v6.exchangerate-api.
### ⭐ Features
- Converts currencies based on real-time exchange rates.
- Displays the converted amount along with the selected currency.
- Uses vanilla CSS for styling and a clean user interface.
- Organized JavaScript files for better code maintainability.
### 📂Files
- **index.html**: Contains the HTML structure of the project.
- **index.css**: Custom CSS (optional) to supplement Tailwind CSS.
- **country.js**: Holds an object of country codes.
- **index.js**: Contains the logic to display a converted currencies.
### 🖐 How to Use
1. Clone or download this repository.
2. Open `index.html` in your web browser.
3. Select the currencies you want to convert from and to.
4. Enter the amount you want to convert and click the "Convert" button to see the converted value.
### 🛠 Technologies Used
- **HTML**: Basic structure of the web page.
- **Vanilla CSS**: For decent and responsive UI design.
- **JavaScript**: Logic for fetching exchange rates and converting currencies.
- **v6.exchangerate-api**: API used to fetch real-time exchange rates.
### 🤝 Contributions
- Contributions are welcome! If you have ideas, suggestions, or improvements, feel free to create a pull request or open an issue.
- Star and Fork the repo to stay updated!
### 📜 License
- This project is licensed under the MIT License.
### 📞 Contact
- If you have any questions or need further assistance, feel free to contact me:
- 📧 Email: pgbadgujar007@gmail.com
- 💻 GitHub: immortalWebDev
#### Give a ⭐ of you like this simple project
#### Created with 💘 by Piyush