Skip to content

πŸ’± Advanced Currency Converter Web App β€” Real-time multi-currency conversion with historical trends, interactive charts, and a modern glassmorphic UI using Flask, Tailwind CSS, and Chart.js.

License

Notifications You must be signed in to change notification settings

Aayushinit/AdvancedCurrencyConverter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’± Advanced Currency Converter

Homepage Preview

Real-time global currency conversion with modern UI, historical charts, and exchange rate analysis.


🌟 Overview

Advanced Currency Converter is a full-stack web application that allows users to:

  • πŸ” Convert between major global currencies in real-time
  • πŸ“Š View 30-day historical trends via interactive charts
  • πŸ“ˆ See live exchange rate changes and comparison tables
  • πŸ’‘ Explore clean UI with animated effects and mobile responsiveness

Built with Flask, Tailwind CSS, JavaScript, and Chart.js, the project simulates real API behavior and is ready for integration with actual exchange rate APIs like exchangerate-api.com.


πŸŽ₯ Demo & Screenshots

Demo Video GIF Preview
▢️ Watch Here appdemo

πŸ› οΈ Technologies Used

Category Tech Stack
Backend Flask (Python)
Frontend HTML5, Tailwind CSS, JavaScript, Chart.js
Charting Chart.js
Styling TailwindCSS, Custom Glassmorphism, Animated Gradient, Pulse + Flip effects
Deployment Ready Easily hostable on Replit, PythonAnywhere, or Render

πŸ”§ Features

πŸ” Currency Converter

  • Convert any amount between supported currencies (USD, EUR, GBP, INR, JPY, AUD, CAD, CNY)
  • Live rate display with result preview card
  • Dynamic exchange rate calculation using mock backend data (can be upgraded to real APIs)

πŸ“Š Historical Chart Viewer

  • See exchange trends over last 30 days
  • Interactive line chart using Chart.js
  • Pick date to simulate historical rate retrieval

πŸ“‹ Live Rates Table

  • Lists major currency rates compared to USD
  • Simulated 24-hour percentage change (with emoji flags)

🧊 Stunning UI/UX

  • Glassmorphism card design
  • Animated background gradients
  • Flip + pulse interactions
  • Responsive layout for desktop + mobile

πŸ“‚ Project Structure

AdvancedCurrencyConverter
β”œβ”€β”€ assets
β”‚   β”œβ”€β”€ appdemo.gif
β”‚   β”œβ”€β”€ appdemovideo.mp4
β”‚   └── apphomeinterface.png
β”œβ”€β”€ static
β”‚   └── script.js         # Handles all frontend logic and API calls
β”œβ”€β”€ templates
β”‚   └── index.html        # Main user interface with Tailwind CSS
└── app.py                # Flask backend with API endpoints for conversion, rates, history

πŸ”Œ Flask Endpoints

Route Description
/ Homepage with UI
/convert Convert from one currency to another
/latest Get latest simulated exchange rates
/historical Retrieve mock historical rate data

πŸ”„ Future Enhancements

  • 🌐 Integrate real-time exchange APIs like exchangerate-api.com
  • 🌍 Add more currency support with flags and info cards
  • πŸ’Ή Save user search history and graph preferences
  • πŸ“± Convert to Progressive Web App (PWA) for offline use

πŸš€ Getting Started

  1. Clone the Repo
git clone https://github.com/Aayushinit/AdvancedCurrencyConverter.git
cd AdvancedCurrencyConverter
  1. Install Flask
pip install flask
  1. Run the App
python app.py
  1. Visit http://localhost:5000 in your browser

πŸ‘¨β€πŸ’» Author

Aayush Kadam β€” Final Year AI & ML Student | Explorer of Tech-Human Future

"I build emotionally expressive AI, smart assistants, and interactive tools to merge code with creativity."

LinkedIn Β· GitHub


⭐️ Show Your Support

If you found this helpful, please ⭐ the repo to help others discover it!


πŸ“œ License

This project is under the MIT License

Assets (GIFs, videos, screenshots) belong to the creator and are intended for showcasing this specific app.

About

πŸ’± Advanced Currency Converter Web App β€” Real-time multi-currency conversion with historical trends, interactive charts, and a modern glassmorphic UI using Flask, Tailwind CSS, and Chart.js.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published