https://github.com/khushikumarigupta14/number-conversion-system
A powerful, lightweight, and user-friendly Number System Converter built using React.js, Vite, and Tailwind CSS. This tool allows you to effortlessly convert numbers between Decimal, Binary, Octal, and Hexadecimal formats with real-time updates.
https://github.com/khushikumarigupta14/number-conversion-system
conversion conversion-tracking frontend html-css javascript lucide number number-system-conversion number-system-converter react tailiwndcss vite
Last synced: about 2 months ago
JSON representation
A powerful, lightweight, and user-friendly Number System Converter built using React.js, Vite, and Tailwind CSS. This tool allows you to effortlessly convert numbers between Decimal, Binary, Octal, and Hexadecimal formats with real-time updates.
- Host: GitHub
- URL: https://github.com/khushikumarigupta14/number-conversion-system
- Owner: khushikumarigupta14
- Created: 2025-03-25T10:26:19.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-07T05:10:41.000Z (11 months ago)
- Last Synced: 2025-07-07T06:25:39.092Z (11 months ago)
- Topics: conversion, conversion-tracking, frontend, html-css, javascript, lucide, number, number-system-conversion, number-system-converter, react, tailiwndcss, vite
- Language: JavaScript
- Homepage: https://numbersystem-convertor.netlify.app/
- Size: 85.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Number **System** **Converter** 🔢
A **powerful, lightweight, and user-friendly** Number System Converter built using **React.js**, **Vite**, and **Tailwind CSS**. This tool allows you to effortlessly **convert numbers** between **Decimal, Binary, Octal, and Hexadecimal** formats with real-time updates.
## 🌍 Live Demo
[🔗 Try the Converter Online ](https://numbersystem-convertor.netlify.app/)
## 🚀 Features
- ✅ Real-time Conversion – Instantly converts numbers between Decimal, Binary, Octal, and Hexadecimal as you type.
- ✅ Bidirectional Conversion – Supports conversions in any direction (e.g., Decimal → Binary, Binary → Hex, etc.).
- ✅ Auto Input Validation – Detects invalid characters based on the selected number system and alerts the user.
- ✅ Dark/Light Mode – Seamlessly toggle between themes for better readability.
- ✅ Multi-Base Input Support – Enter values in any base and get automatic conversions for all supported formats.
- ✅ Error Handling & Suggestions – Notifies users of incorrect input formats and provides hints for valid entries.
- ✅ Fully Responsive Design – Works on mobile, tablet, and desktop devices with a modern UI.
- ✅ Neumorphism UI Design – Minimalistic and modern UI with smooth hover and shadow effects.
- ✅ Ultra-Fast Performance – Powered by Vite for near-instant UI updates and state management.
- ✅ Built with Modern Technologies – Developed using React.js, Tailwind CSS, and Lucide Icons for a sleek interface.
## 🎯 How It Works
- Select or enter the number system of your input (Decimal, Binary, Octal, Hexadecimal).
- Input your numeric value, and the tool instantly converts it to all other supported number systems.
- Copy the converted values with a single click.
- Toggle Dark/Light Mode based on your preference.
- Get error alerts if an invalid character is entered (e.g., entering "2" in a binary field).
- Enjoy a fast, interactive, and visually appealing experience!
---
## 🛠️ Technologies Used
| **Technology** | **Purpose** |
|---------------|------------|
| [React.js](https://reactjs.org/) | Frontend framework for building UI |
| [Vite](https://vitejs.dev/) | Fast development environment |
| [Tailwind CSS](https://tailwindcss.com/) | Utility-first CSS framework for styling |
| [Lucide Icons](https://lucide.dev/) | Open-source icon library |
| [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) | Core scripting language |
| [HTML5 & CSS3](https://developer.mozilla.org/en-US/docs/Web) | Structuring and styling the UI |
## 📸 Screenshot
## 🛠️ Installation
Clone this repository:
```sh
git clone https://github.com/khushikumarigupta14/number-conversion-system
cd number-conversion-system