Currency Converter

This is a currency converter application built with React, Vite, and Tailwind CSS. The application allows users to convert an amount from one currency to another using the latest exchange rates.

Features

• Real-time currency conversion
• User-friendly interface
• Responsive design
• Fast build and development with Vite
• Styled with Tailwind CSS

Installation

To get started with the project, clone the repository and install the dependencies.

git clone https://github.com/Vishal-Agg1/Currency-Converter-.git
cd currency-converter
npm install

Usage

To run the application in development mode, use the following command:

npm run dev

To build the application for production, use the following command:

npm run build

To preview the production build locally, use the following command:

npm run serve

Project Structure

The project structure is as follows:

currency-converter/
├── public/
│   ├── index.html
│   └── ...
├── src/
│   ├── assets/
│   ├── components/
│   ├── App.css
│   ├── App.jsx
│   ├── index.css
│   └── main.jsx
├── .gitignore
├── index.html
├── package.json
├── postcss.config.js
├── README.md
├── tailwind.config.js
└── vite.config.js

Technologies Used

• React: A JavaScript library for building user interfaces
• Vite: A build tool that provides a faster and leaner development experience for modern web projects
• Tailwind CSS: A utility-first CSS framework for rapidly building custom designs

Tailwind CSS Integration

Tailwind CSS is integrated into the project for styling. The configuration is done in the tailwind.config.js file and custom styles can be added in the index.css file.