A simple and responsive currency converter application built using HTML, CSS, JavaScript, and React, configured with Vite. This application allows users to convert amounts from one currency to another and provides a user-friendly interface for seamless conversion.
![Currency Converter]
- Real-time currency conversion
- Swap button to quickly exchange the "From" and "To" currencies
- User-friendly and responsive design
- Easy to extend and maintain
- HTML
- CSS
- JavaScript
- React
- Vite
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
Make sure you have the following installed on your local machine:
- Node.js
- npm (Node Package Manager)
- Clone the repository to your local machine:
git clone https://github.com/aayush2761/currencyConverter.git
- Navigate to the project directory:
cd currency-converter
- Install the dependencies:
npm install
To run the application in development mode, use the following command:
npm run dev
Open http://localhost:5173 to view it in the browser.
The page will reload if you make edits. You will also see any lint errors in the console.
To build the app for production, use the following command:
npm run build
This will create an optimized production build in the dist
folder.
To preview the production build locally, use the following command:
npm run serve
Open http://localhost:5000 to view the production build in the browser.
- Enter the amount you want to convert in the "From" field.
- Select the currency type from the dropdown menu.
- Select the target currency type in the "To" field.
- Click the "Convert" button to see the conversion result.
- Use the "Swap" button to switch the "From" and "To" currencies quickly.