🌡️ Celsius to Fahrenheit Converter — Compare Normal, ChatGPT, and GitHub Copilot Versions
This repository contains three versions of a Celsius to Fahrenheit Converter. These versions were developed using different approaches and tools:
- Normal Version (My version): The simplest, my original version of this code.
- ChatGPT Version: Enhanced with modern, futuristic UI elements, animations, and smooth interactivity.
- GitHub Copilot Version: futuristic, animated, and responsive design featuring gradient effects, glassmorphism, and interactive elements.
This repository allows you to compare how each approach addresses the same problem in terms of functionality, design, and code structure.
🚀 Live Demo
👉 Check it out here
✨ Features of Each Version
1. Normal Version (My version)
- Appearance: Basic form with minimal styling.
- Structure: Simple HTML form with an input for Celsius, a button to trigger the conversion, and an output for Fahrenheit.
- UX/UI: Simple and functional without any visual enhancements.
- Code: Plain HTML, CSS, and JavaScript with basic logic.
This version focuses purely on the conversion functionality with basic form elements.
2. ChatGPT Version
- Appearance: Modern UI with glassmorphism, neon-glow inputs, and floating animations.
- Structure: Adds animations, a vibrant background, and dynamic effects to make the conversion process visually engaging.
- UX/UI: Interactive and visually appealing with smooth transitions and focus effects.
- Code: Enhanced JavaScript to handle animations and dynamic user experience. CSS incorporates advanced styling.
ChatGPT’s version enhances the user experience by integrating animations and a modern aesthetic, while still maintaining the core functionality.
GitHub Copilot Version
- Appearance: Futuristic design with vibrant animated gradients, glowing neon text, and glassmorphism effects.
- Structure: Responsive card layout with inputs, buttons, and dynamic output fields.
- UX/UI: Interactive animations, hover effects, and glowing feedback for conversion results.
- Code: Modern CSS animations, glass-like styles, and JavaScript for dynamic functionality.
Check both codes and finnaly you will realise Github wins!!!
💻 Tech Used
Normal Version
- HTML5
- CSS3 (basic styles)
- JavaScript (for basic conversion logic)
ChatGPT Version
- HTML5
- CSS3 (with animations, glassmorphism, and gradients)
- JavaScript (for enhanced interactivity and animations)
GitHub Copilot Version
- HTML5
- CSS3 (simple styling)
- JavaScript (optimized for cleaner code)
Fahrenheit = (Celsius × 9/5) + 32
📂 Files in the Repo
```bash
📁 TemperatureConvertor/
├── MyCode.html
├── FromChatgpt.html
├── FromGithubAi.html
├── README.md