Skip to content

Currency Converter πŸ’΅βœ¨ is a user-friendly web app built with React βš›οΈ and Next.js πŸš€ to easily convert between currencies πŸŒπŸ’±. Whether you're traveling 🧳✈️ or managing finances πŸ’°πŸ“Š, this tool provides real-time exchange rates πŸ“‰ with a sleek and responsive interface πŸ“±πŸ’». Enjoy smooth animations 🎞️, intuitive dropdowns ⬇️, and a modern design οΏ½

Notifications You must be signed in to change notification settings

anashakeem123/Currency-Converter-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌍 Currency Converter πŸ’°

Currency Converter

A modern and interactive Currency Converter web application built using React and Next.js, designed to help users convert currencies effortlessly with real-time exchange rates.

πŸš€ Features

πŸ”„ Multiple Currency Conversion: Supports popular currencies like USD, EUR, GBP, INR, PKR, and more.

πŸ–₯️ Responsive Design: Fully responsive UI for seamless experience across devices (desktop, tablet, mobile).

πŸ”₯ Smooth Animations: Enjoy a visually stunning background gradient that changes dynamically.

πŸ§‘β€πŸ’» User-Friendly Interface: Easy-to-navigate dropdowns and inputs.

✨ Instant Conversion: Converts the entered amount instantly upon submission.

πŸ•ΉοΈ Interactive Elements: Hover and scaling effects for buttons and cards.

πŸ› οΈ Tech Stack

React βš›οΈ - Front-end framework for building UI components.

Next.js 🌐 - React framework with built-in server-side rendering and routing.

TypeScript πŸ’» - Adds static typing for better code quality and maintenance.

Tailwind CSS 🎨 - Utility-first CSS framework for fast and flexible styling.

CSS Animations 🎞️ - Dynamic background gradient effect to enhance the UI.

πŸ“₯ Installation

Follow these steps to run the project locally:

1. Clone the repository

bash

Copy code

2. Navigate into the project directory

bash

Copy code

cd currency-converter

3. Install the dependencies

bash

Copy code

npm install

4. Run the development server

bash

Copy code

npm run dev

Visit http://localhost:3000 to view the app in action!

πŸ”§ How It Works

Select Currencies: Choose the "From Currency" and "To Currency" from the dropdown menus.

Input Amount: Enter the amount you want to convert in the input box.

Submit & Convert: Hit the "Convert Now" button to calculate the converted amount using real-time exchange rates.

View Result: The result will appear below the form, showing the converted amount in the selected currency.

πŸ“Έ Screenshots

Here’s how the app looks:

🀝 Contributing

We welcome contributions! If you want to contribute, here's how you can get started:

Fork the repository 🍴

Create a new branch πŸ—οΈ

Commit your changes πŸ“š

Push to your branch πŸš€

Open a pull request πŸ”„

πŸ“„ License

This project is licensed under the MIT License. πŸŽ‰

About

Currency Converter πŸ’΅βœ¨ is a user-friendly web app built with React βš›οΈ and Next.js πŸš€ to easily convert between currencies πŸŒπŸ’±. Whether you're traveling 🧳✈️ or managing finances πŸ’°πŸ“Š, this tool provides real-time exchange rates πŸ“‰ with a sleek and responsive interface πŸ“±πŸ’». Enjoy smooth animations 🎞️, intuitive dropdowns ⬇️, and a modern design οΏ½

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published