🚀 Converter Hub

A modern, responsive, and feature-rich React application that brings multiple everyday converters and calculators into one place.

---

🌐 Live Demo

🔗 Live Website: LIVE-LINK

---

📖 About

Converter Hub is an all-in-one web application built using React.js that combines useful converters, calculators, and productivity tools into a single modern interface.

Instead of visiting multiple websites, users can perform everyday calculations quickly using a fast, responsive, and intuitive application.

The project demonstrates reusable React components, modern UI design, responsive layouts, and scalable application architecture.

---

✨ Features

• 🚀 Fast & Responsive UI
• 🌙 Dark / Light Theme
• 🔍 Search Categories
• 📱 Mobile Friendly
• 📋 Copy Results
• 🧹 Clear Inputs
• 🔔 Toast Notifications
• 🔙 Easy Navigation
• ♻️ Reusable Components
• 🎨 Modern User Interface

---

🧰 Categories

📏 Unit Converter

• Length Converter
• Weight Converter
• Temperature Converter
• Area Converter
• Volume Converter
• Time Converter
• Speed Converter

---

💻 Digital Tools

• Bit ↔ Byte
• KB ↔ MB ↔ GB ↔ TB
• Internet Speed Converter
• Data Transfer Time Calculator
• DPI ↔ PPI Converter

---

💰 Finance

• Currency Converter
• Discount Calculator
• Percentage Calculator
• Profit & Loss Calculator
• Tip Calculator
• Compound Interest Calculator
• Simple Interest Calculator

---

🎨 Color Tools

• HEX ↔ RGB
• RGB ↔ HSL
• RGB ↔ CMYK
• Color Picker

---

📝 Text Tools

• Uppercase / Lowercase
• Capitalize Text
• Reverse Text
• Remove Spaces
• Word Counter

---

🧮 Calculator

• GST Calculator
• EMI Calculator
• Average Calculator
• GPA Calculator
• Loan Calculator

---

📊 Project Statistics

Category	Tools
Unit Converter	7
Digital	5
Finance	7
Color	4
Text	5
Calculator	5
Total Tools	33

---

🛠️ Built With

• React JS
• JavaScript (ES6+)
• HTML5
• CSS3
• React Router DOM
• React Icons
• React Hot Toast

---

📂 Project Structure

src
│
├── components
│
├── context
│
├── data
│
├── pages
│   ├── About
│   ├── UnitConverter
│   ├── Digital
│   ├── Finance
│   ├── Color
│   ├── Text
│   ├── Calculator
│   └── Individual Tools
│
├── routes
│
├── utils
│
└── App.jsx

---

🚀 Installation

Clone the repository

git clone https://github.com/charanepuri/converter-hub.git

Go to the project folder

cd converter-hub

Install dependencies

npm install

Start the development server

npm run dev

Build for production

npm run build

---

💡 Highlights

• 33 Working Tools
• 6 Categories
• Responsive Design
• Modern UI
• Dark Mode
• Reusable Components
• Clean Folder Structure
• Beginner-Friendly Code
• Portfolio Ready

---

🎯 Future Improvements

• Export Results as PDF
• Favorites
• Recent Calculations
• PWA Support
• Multi-language Support
• More Utility Tools

---

🤝 Contributing

Contributions are welcome.

1. Fork the repository
2. Create a feature branch
3. Commit your changes
4. Push the branch
5. Open a Pull Request

---

📬 Contact

Charan Teja Epuri

• GitHub: Profile

• Portfolio(Django): Link

• LinkedIn: Profile

• Portfolio(React): Link

---

⭐ Support

If you found this project useful, please consider giving it a ⭐ on GitHub.

It helps others discover the project and motivates further improvements.

---

Made with ❤️ by Charan Teja EPURI