Skip to content

ratnesh-maurya/currency-converter

Repository files navigation

Currency Converter App

A simple and responsive currency converter web application built with React, showcasing real-time currency conversion functionality. This app supports multiple currencies, allowing users to convert amounts between two selected currencies. It also includes a GitHub link to the repository displayed on the top-right corner.


Features

  • Real-time Currency Conversion: Input an amount in one currency and get the equivalent in another.
  • Currency Swap: Easily swap between "From" and "To" currencies.
  • Customizable Design: Beautiful background image with modern UI styling using TailwindCSS.
  • GitHub Integration: A GitHub link is displayed on the top-right corner for easy access to the repository.
  • Responsive Layout: Works seamlessly across devices, including desktops, tablets, and mobile phones.

Screenshots

{90F08202-4699-4830-9334-64F038118A3F}


Tech Stack

  • React: For building the user interface.
  • TypeScript: Strongly-typed JavaScript to reduce runtime errors.
  • TailwindCSS: For modern and responsive styling.
  • Custom Hooks: Used to fetch and manage currency data dynamically.

Getting Started

Follow these steps to set up and run the project locally:

Prerequisites

Ensure you have the following installed on your machine:

  • Node.js (v14 or later)
  • npm

Installation

  1. Clone the repository:
    git clone https://github.com/ratnesh-maurya/currency-converter.git
    cd currency-converter
  2. Install dependencies:
    npm install
  3. Start the development server:
    npm start
  4. Open the application in your browser:
    http://localhost:5173

About

Currency Converter App 🚀 | React + TailwindCSS

Topics

Resources

Stars

Watchers

Forks