Skip to content

Himanshukans/currency

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Currency Converter (React + Vite)

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.

🚀 Features

  • Live API Integration: Fetches real-time exchange rates from a currency API.
  • Custom Hooks: Implementation of a reusable useCurrencyInfo hook for fetching data.
  • Dynamic Input Components: Modular InputBox component 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.

🛠️ Tech Stack

  • Frontend: React.js (Vite)
  • Styling: Tailwind CSS
  • State Management: React Hooks (useState, useEffect, useCallback, useRef)
  • API: Currency API (for exchange rates)

🔧 Installation & Setup

📂 Project Structure

  • src/components: Contains the InputBox component.
  • src/hooks: Contains the useCurrencyInfo custom hook.
  • src/App.jsx: Main logic, state handling, and UI structure.
  • src/index.css: Tailwind CSS imports and global styles.
  1. Clone the repository:
    git clone [https://github.com/Himanshukans/currency.git](https://github.com/Himanshukans/currency.git)

About

Developed a real-time Currency Converter using React.js and Tailwind CSS, featuring live exchange rate integration via API. The project demonstrates advanced React patterns like custom hooks (useCurrencyInfo) for data fetching and optimized state management for seamless currency swapping and instant conversions.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors