A simple currency converter web application built using React and Vite as the project tool. It allows users to convert between different currencies, providing real-time exchange rate information via an API.
Follow these steps to get the project up and running on your local machine:
-
Clone the repository:
git clone https://github.com/ianirudhkhabya/Currency-Converter.git cd Currency-Converter -
Install dependencies:
Ensure you have Node.js and npm installed. Then, run the following command to install the project dependencies.
npm install
-
Run the development server:
Start the development server with the following command:
npm run dev
This will start the application at
http://localhost:5173/. You can access it in your web browser. -
Build for production:
If you want to build the project for production, use the following command:
npm run build
This will generate optimized production-ready files in the
distdirectory.
- Convert between various currencies.
- Real-time exchange rate data.
- User-friendly interface.
- Easy to set up and use.
To customize the app, you can modify the following files:
src/App.js: Contains the main application component.src/components/InputBox.js: Manages input for currency conversion.src/hooks/useCurrencyInfo.js: Handles currency information and API integration.
Replace the default API endpoint in useCurrencyInfo.js with your preferred one.
This project uses a currency exchange rate API to provide real-time exchange rates. You can replace the default API with your preferred one by modifying the useCurrencyInfo.js file.
You can deploy this React app to your favorite hosting platform, such as Netlify, Vercel, or GitHub Pages. Be sure to set up the necessary build and deployment configurations for your chosen hosting service.
- React
- Vite
- Tailwind CSS
Feel free to contribute, report issues, or suggest improvements!