A modern, real-time currency converter built with React. Convert between 30+ currencies instantly with live exchange rates.
- 🔄 Real-time exchange rates via ExchangeRate-API
- 🌍 Support for 30+ world currencies
- 🔀 Quick swap between source and target currencies
- 📱 Fully responsive design (mobile & desktop)
- 🎨 Modern glassmorphism UI with gradient accents
| Category | Technology |
|---|---|
| Framework | React 18 |
| Routing | React Router v7 |
| Styling | Styled Components |
| HTTP Client | Axios |
| Build Tool | Create React App |
- Node.js 16+ (LTS recommended)
- npm or yarn
- ExchangeRate-API key (free tier available)
# Clone the repository
git clone https://github.com/Purvesh-PJ/currency_conversion.git
cd currency_conversion
# Install dependencies
cd client
npm install
# Start development server
npm startApp runs at http://localhost:3000
Add your API key in client/src/services/currencyService.js:
const BASE_URL = 'https://v6.exchangerate-api.com/v6/YOUR_API_KEY';currency_conversion/
├── client/
│ ├── public/
│ ├── src/
│ │ ├── components/
│ │ │ └── CurrencyConverter.js
│ │ ├── pages/
│ │ │ ├── HomePage.js
│ │ │ └── 404NotFound.js
│ │ ├── services/
│ │ │ └── currencyService.js
│ │ ├── AppRoutes.js
│ │ └── index.js
│ └── package.json
└── README.md
| Command | Description |
|---|---|
npm start |
Run development server |
npm run build |
Create production build |
npm test |
Run test suite |
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'feat: add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License.
Made with ❤️ by Purvesh-PJ
