Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sriramvarmat/currency-converter
The Currency Converter is a web application that allows users to convert amounts from one currency to another. It provides real-time exchange rates using an external API, ensuring accurate and up-to-date conversions. The application features a user-friendly interface with visual indicators like country flags for easy identification of currencies.
https://github.com/sriramvarmat/currency-converter
async-await asynchronous-programming callback-functions css currency-converter dom-manipulation external-api fetch-api forms frontend html javascript promises
Last synced: 8 days ago
JSON representation
The Currency Converter is a web application that allows users to convert amounts from one currency to another. It provides real-time exchange rates using an external API, ensuring accurate and up-to-date conversions. The application features a user-friendly interface with visual indicators like country flags for easy identification of currencies.
- Host: GitHub
- URL: https://github.com/sriramvarmat/currency-converter
- Owner: SriramVarmat
- Created: 2024-07-27T14:34:24.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-27T16:09:57.000Z (4 months ago)
- Last Synced: 2024-07-28T16:12:48.670Z (4 months ago)
- Topics: async-await, asynchronous-programming, callback-functions, css, currency-converter, dom-manipulation, external-api, fetch-api, forms, frontend, html, javascript, promises
- Language: JavaScript
- Homepage:
- Size: 8.79 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Currency Converter
The Currency Converter is a web application made using HTML,CSS,Jvascript that allows users to convert amounts from one currency to another currency.
## Description
This application provides real-time exchange rates using an external API, ensuring accurate and up-to-date conversions. The application features a user-friendly interface with visual indicators like country flags for easy identification of currencies.
## Features
- **Real-Time Conversion:** The application fetches the latest exchange rates from a dependable API, providing precise conversions for a wide range of currencies including USD, EUR, AUD, INR, and 155 more currencies.
- **Country Flags:** This application displays country flags next to currency options, making it easier to identify and select the desired currencies quickly.
- **User-Friendly Interface:** The design is clean and intuitive, making it easy for users to navigate and perform conversions without any hassle. The interface is built with simplicity in mind, ensuring a seamless user experience.
## Technologies Used
- **HTML5:** Provides the structure of the application, ensuring a solid foundation.
- **CSS3:** Handles the styling and layout, making the application visually appealing.
- **JavaScript:** Powers the functionality, including API integration and real-time conversion logic.
- **API:** I have used the [Exchange Rate API by Fawaz Ahmed](https://github.com/fawazahmed0/exchange-api) to fetch the latest exchange rates. This API provides reliable and accurate exchange rate data for various currencies, ensuring users get up-to-date conversions.
## Learnings from the Project
This project is my 2nd web development project so, developing this website has been a valuable learning experience. Here are some of the key learnings:
- **API Integration:** Gained hands-on experience in fetching data from an external API using the `fetch()` method, which means getting data from an external server. Initially, I was amazed at how we can build websites which fetches data without building our own server.
- **JavaScript Proficiency:** Improved my skills in JavaScript programming, particularly in areas such as DOM manipulation and advanced concepts like async-await, promises, callbacks for handling asynchronous operations.
## Screenshots of my work
