A real-time currency conversion application built using React.js and Tailwind CSS. This project focuses on managing complex states with React hooks and integrating external APIs for live exchange rates.
- Live API Integration: Fetches real-time exchange rates from a currency API.
- Custom Hooks: Implementation of a reusable
useCurrencyInfohook for fetching data. - Dynamic Input Components: Modular
InputBoxcomponent for better code reusability. - Swap Functionality: Allows users to instantly swap 'From' and 'To' currencies with state synchronization.
- Responsive Design: Fully responsive UI built with Tailwind CSS v4.
- Frontend: React.js (Vite)
- Styling: Tailwind CSS
- State Management: React Hooks (
useState,useEffect,useCallback,useRef) - API: Currency API (for exchange rates)
src/components: Contains theInputBoxcomponent.src/hooks: Contains theuseCurrencyInfocustom hook.src/App.jsx: Main logic, state handling, and UI structure.src/index.css: Tailwind CSS imports and global styles.
- Clone the repository:
git clone [https://github.com/Himanshukans/currency.git](https://github.com/Himanshukans/currency.git)