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
- Host: GitHub
- URL: https://github.com/abdull121/react-currency-converter
- Owner: Abdull121
- Created: 2024-08-11T17:14:59.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-08-11T17:40:24.000Z (9 months ago)
- Last Synced: 2025-02-01T16:47:25.343Z (4 months ago)
- Topics: api-integration, component, hooks, hooks-api-react, html-css-javascript, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://react-currency-converterapp.netlify.app
- Size: 52.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.

## 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