An open API service indexing awesome lists of open source software.

https://github.com/abdull121/react-currency-converter

React Currency Converter, components, hooks, custom Hooks, fetch api
https://github.com/abdull121/react-currency-converter

api-integration component hooks hooks-api-react html-css-javascript reactjs tailwindcss

Last synced: about 2 months ago
JSON representation

React Currency Converter, components, hooks, custom Hooks, fetch api

Awesome Lists containing this project

README

        

# React Currency Converter

A modern, responsive currency conversion application built with React.js and styled using Tailwind CSS.

## Features

- Real-time currency conversion
- Support for multiple currencies
- User-friendly interface
- Responsive design for various screen sizes

## Tech Stack

- React.js
- Tailwind CSS
- Custom React Hooks
- Functional Components
- Props for component communication

## Key React Features Utilized

- `useState` for state management
- `useEffect` for side effects and API calls
- Custom hooks for reusable logic

## API Integration

This project fetches real-time exchange rates from an external API to ensure accurate and up-to-date currency conversions.

![image](https://github.com/user-attachments/assets/53614b43-4480-4da8-8ee3-b2160c9ef813)

## Getting Started

```bash
# Clone the repository
git clone https://github.com/yourusername/react-currency-converter.git

# Navigate to the project directory
cd react-currency-converter

# Install dependencies
npm install

# Start the development server
npm start

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh