Skip to content

A responsive and interactive Currency Converter web app built with Node.js and Express. It fetches real-time exchange rates from the European Central Bank (ECB) and allows users to convert between multiple global currencies with country flags, symbols, and smooth UI/UX animations.

Notifications You must be signed in to change notification settings

Sagarika311/Currency-Converter-Web-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Currency Converter 💱

License Node.js Build Deployed on Render

A sleek and responsive Currency Converter web application built with Node.js and Express, leveraging real-time exchange rates from the European Central Bank (ECB). Easily convert between multiple currencies with country flags, symbols, and a smooth, interactive UI.


🌟 Features

  • ✅ Real-time currency conversion using ECB exchange rates
  • ✅ Over 40+ global currencies supported
  • ✅ Currency flags & symbols for easy identification
  • ✅ Swap currencies with a single click
  • ✅ Interactive and responsive custom select dropdowns
  • ✅ Input validation with error handling
  • ✅ Cached rates to minimize API calls and improve performance
  • ✅ Mobile-friendly layout with smooth animations

📦 Technologies Used

  • Backend: Node.js, Express, XML2JS
  • Frontend: HTML, CSS, JavaScript
  • API: European Central Bank (ECB) reference rates
  • Deployment: Render / Railway

🖼 Screenshots

Conversion Result Display

Result Screenshot

🚀 Live Demo

Check it out live: Currency Converter on Render


💻 Getting Started

Prerequisites

  • Node.js v18+
  • npm

Installation

  1. Clone the repository:
git clone https://github.com/Sagarika311/currency-converter.git
  1. Navigate to the project folder:
cd currency-converter
  1. Install dependencies:
npm install
  1. Start the server:
node server.js
  1. Open your browser at http://localhost:3000

Usage

  1. Enter an amount to convert.
  2. Select the source currency (From) and target currency (To).
  3. Click Convert to see the converted value.
  4. Use the swap button to quickly switch between currencies.

🔧 Folder Structure

currency-converter/
│
├─ public/
│  ├─ index.html       # Frontend HTML
│  ├─ styles.css       # CSS styles
│  └─ script.js        # Frontend JS
│
├─ server.js           # Express server & API
├─ package.json
├─ package-lock.json
├─ README.md
└─ screenshots/        # Add screenshots here

🛠 Customization

  • Add/remove currencies by editing currencyFlags and currencySymbols in script.js.
  • Change theme colors in styles.css using CSS variables.

📄 License

This project is licensed under the ISC License – see the LICENSE file for details.


About

A responsive and interactive Currency Converter web app built with Node.js and Express. It fetches real-time exchange rates from the European Central Bank (ECB) and allows users to convert between multiple global currencies with country flags, symbols, and smooth UI/UX animations.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published