/Currency-Converter-using-React

Primary LanguageJavaScriptMIT LicenseMIT

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

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.