https://github.com/devgoyalg/currency-converter-app

Currency Converter App using HTML, CSS and JavaScript
https://github.com/devgoyalg/currency-converter-app

currency-conversion currency-converter currency-converter-api currency-converter-app currency-converter-javascript currency-converter-website currency-exchange currency-exchange-rates web-development-project

Last synced: 12 months ago
JSON representation

Currency Converter App using HTML, CSS and JavaScript

• Host: GitHub
• URL: https://github.com/devgoyalg/currency-converter-app
• Owner: DevGoyalG
• Created: 2024-07-16T19:04:04.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-26T18:24:58.000Z (over 1 year ago)
• Last Synced: 2025-03-27T14:55:09.576Z (about 1 year ago)
• Topics: currency-conversion, currency-converter, currency-converter-api, currency-converter-app, currency-converter-javascript, currency-converter-website, currency-exchange, currency-exchange-rates, web-development-project
• Language: JavaScript
• Homepage: https://currencies-convert.netlify.app/
• Size: 44.9 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![Star Badge](https://img.shields.io/static/v1?label=%F0%9F%8C%9F&message=If%20Useful&style=style=flat&color=BC4E99)

![Open Source Love](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)

[![View My Profile](https://img.shields.io/badge/View-My_Profile-green?logo=GitHub)](https://github.com/DevGoyalG)

[![View Repositories](https://img.shields.io/badge/View-My_Repositories-blue?logo=GitHub)](https://github.com/DevGoyalG?tab=repositories)

 Currency Converter App 


  If you found this repository helpful, give us a  ⭐️  

 


A simple Currency Converter app that allows users to convert one currency into another using real-time exchange rates. The application uses a free API to fetch live exchange rates and perform the currency conversion. It features a clean and intuitive user interface.

## 🌐 Live Demo

Check out the live demo of the Currency Converter App [here](https://currencies-convert.netlify.app/).

## 📸 Project Preview

Here's a sneak peek of the Currency Converter App:

![Project Preview](assets/Currency-Converter.png)

## 🚀 Features

- Allows users to convert between various currencies using live exchange rates.

- Provides a dropdown for selecting different currencies.

- Instant conversion with updated exchange rates.

- Simple and responsive design that works on both desktop and mobile devices.

- Displays both the conversion result and the amount entered.

## 🛠️ Tech Stack

- **HTML** : For the structure of the currency converter form.

- **CSS** : For styling the page and making it visually appealing.

- **JavaScript** : For fetching live exchange rates via API, handling user inputs, and performing the conversion.

## 🧑‍💻 Getting Started

Follow the steps below to clone and use the project locally:

### 1. Prerequisites

Make sure you have **Git** installed. If not, you can download it [here](https://git-scm.com/).

### 2. Clone the Repository

```bash

git clone https://github.com/DevGoyalG/Currency-Converter-App.git

```

### 3. Set up the API Key

- Sign up for a free account at [ExchangeRate-API](https://www.exchangerate-api.com/) or any other similar service.

- Once you get your API Key, create a **".env"** file in the project directory and paste the key like this:

```bash

API_KEY = your_api_key_here

```

## 🤝 Contributing

Contributions are welcome! If you have suggestions or want to report an issue, feel free to open an issue or create a pull request.

## 👨‍💻 Created by

This project was created and is maintained by:

**Dev Goyal**

Feel free to reach out if you have any questions or suggestions! ❤️