Error in user YAML: (<unknown>): did not find expected alphabetic or numeric character while scanning an alias at line 3 column 1
---
# 💱 Currency Converter & Financial Dashboard
**A modern, real-time currency conversion tool with historical trend analysis.**
---
Currency Converter is a high-performance financial tool designed to provide users with more than just simple exchange rates. It integrates real-time data fetching with visual analytics to help users understand market trends.
Designed with a Glassmorphism UI, it ensures a seamless and visually appealing experience across all devices, making complex financial data easy to read and understand.
- ⚡ Real-Time Conversion: Instant currency exchange calculations with live API data.
- 📈 Historical Trends: Interactive 7-day history chart using Chart.js to visualize market fluctuations.
- 🔄 Smart Swap: Quickly reverse source and target currencies with a single click.
- 🌍 Popular Rates: Quick-glance cards displaying major global currency pairs (USD, EUR, GBP, INR).
- 🎨 Modern UI/UX: Built with Tailwind CSS featuring glassmorphism effects and dynamic country flags.
- 📱 Fully Responsive: Optimized layout that works perfectly on mobile, tablet, and desktop.
- Framework: React + Vite
- Styling: Tailwind CSS
- Charts: Chart.js (react-chartjs-2)
- Icons: Lucide React
- API: Exchange Rate API
- Deployment: Vercel
Follow these steps to run the project on your local machine:
- Clone the repository
git clone https://github.com/atharvachavan289-gif/currency-converter.git
- Navigate to the project folder
cd currency-converter
- Install dependencies
npm install
- Start the development server
npm run dev
- Open your browser
Visit
http://localhost:5173(or the port shown in terminal) to view the app.
Contributions are welcome! If you'd like to add new features like Dark Mode or Crypto support:
- Fork the Project.
- Create your Feature Branch (
git checkout -b feature/AmazingFeature). - Commit your Changes (
git commit -m 'Add some AmazingFeature'). - Push to the Branch (
git push origin feature/AmazingFeature). - Open a Pull Request.
Atharva Chavan
- GitHub: @atharvachavan289-gif
- Location: Navi Mumbai, India
Built with ❤️ using React & Tailwind CSS