https://github.com/dimuzzo/gem-canvas-base-converter

AI generated converter for Decimal, Binary, Octal, and Hexadecimal bases.
https://github.com/dimuzzo/gem-canvas-base-converter

ai-agents coding conversion

Last synced: 3 months ago
JSON representation

AI generated converter for Decimal, Binary, Octal, and Hexadecimal bases.

• Host: GitHub
• URL: https://github.com/dimuzzo/gem-canvas-base-converter
• Owner: dimuzzo
• Created: 2025-12-19T14:32:32.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2025-12-19T16:24:14.000Z (7 months ago)
• Last Synced: 2025-12-22T05:50:30.702Z (7 months ago)
• Topics: ai-agents, coding, conversion
• Language: HTML
• Homepage: https://dimuzzo.github.io/gem-canvas-base-converter/
• Size: 8.79 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# AI generated converter for Decimal, Binary, Octal and Hexadecimal bases.

This project is a single-page web application designed to perform real-time conversions between common numeral systems used in computer science. It was entirely generated using AI assistance.

---

## 🚀 Live Demo

You can view the live application here: https://dimuzzo.github.io/gem-canvas-base-converter/

---

## ✨ Features

- Real-time Conversion: Instantly converts values as you type in any field.

- Supported Bases:

  - Decimal (0d)

  - Binary (0b)

  - Octal (0o)

  - Hexadecimal (0x)

- Smart Prefix Handling:

  - Displays prefixes visually for better readability.

  - Automatically strips prefixes if pasted into the input fields.

  - Copies values to the clipboard with the prefix included.

- Input Validation: Highlights invalid characters (e.g., typing '2' in binary) with visual error states.

- Responsive Design: Fully responsive UI built with Tailwind CSS (CDN), works on mobile and desktop.

- Single File Architecture: All logic (HTML, CSS, JS) is contained in index.html for simplicity.

---

## 🛠️ Usage

Running Locally

1. Clone the repository:

  

    ``git clone https://github.com/dimuzzo/gem-canvas-base-converter.git``

  

2. Open index.html in any modern web browser.

Hosting on GitHub Pages

1. Go to your repository Settings.

2.  Navigate to the Pages section.

3.  Select the main branch as the source.

4.  Your site will be live in a few minutes!

---

## 🤖 AI Generation Info

This project was generated using Google Gemini.

- Model: Gemini 3.0 Pro

- Prompt Context: Creation of a responsive base converter with specific prefix requirements (0d, 0b, etc.) and error handling, contained in a single file for GitHub Pages.

---

## 📄 License

This project is open source.

---