Currency Converter using Vite+React

Welcome to the Currency Converter project built using Vite and React! This application allows users to convert between different currencies with real-time exchange rates.

Visit the Live Website

https://currency-converter-using-react-wine.vercel.app/

Screenshots and Videos

• Screenshot of the UI:

• Video Demonstration: https://github.com/askgurdit/Currency-Converter-using-React/assets/118066728/bb8ffc82-76b5-4365-b810-a25d8f8eaf5e

GitHub URL:

https://github.com/askgurdit/Currency-Converter-using-React

Features

• Real-time exchange rate data
• User-friendly and intuitive interface
• Support for multiple currency types
• Swap functionality between the "From" and "To" currencies

Technologies Used

• React: A JavaScript library for building user interfaces
• Vite: Next generation frontend tooling
• Tailwind CSS
• JavaScript (ES6+)
• HTML5
• CSS3

React Concepts Used

• Components: Building reusable UI components.
• Hooks:
  • useState: Managing the state of the application.
  • useEffect: Fetching data from an API when the component mounts or when a specified dependency changes.
  • Custom Hooks: Creating reusable logic for fetching currency information.
• Event Handling: Handling user inputs and form submissions.
• Props: Passing data between components.
• State Management: Managing and updating the application state.

Project Structure

├── public/
│ └── vite.svg
├── src/
│ ├── components/
│ │ └── InputBox.jsx
│ ├── hooks/
│ │ └── useCurrencyInfo.js
│ ├── App.jsx
│ ├── main.jsx
│ └── index.css
├── index.html
├── package.json
└── README.md

How to Run the Project

1. Clone the repository:

   git clone https://github.com/askgurdit/Currency-Converter-using-React

2. Navigate to the project directory:

   cd Currency-Converter-using-React

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

License

This project is licensed under the MIT License.

Contributing

Feel free to open issues or submit pull requests for any improvements or bug fixes.