🔗 Web Live Demo

https://revou-fundamental-course.github.io/03-feb-25-Yudhapra/

---

🌡️ Konversi Suhu Celcius-Fahrenheit - Proyek HTML, CSS, dan JavaScript

Ini adalah proyek sederhana untuk mengonversi suhu antara Celcius dan Fahrenheit secara dua arah. Dibangun dengan HTML, CSS, dan JavaScript untuk memudahkan perhitungan konversi suhu.

---

🌟 Fitur Utama

• Konversi Dua Arah: Konversi dari Celcius ke Fahrenheit dan sebaliknya.
• Tombol Reset: Membersihkan input dan hasil secara instan.
• Responsif: Desain yang ramah untuk desktop dan mobile.
• Validasi Input: Memastikan hanya angka yang dimasukkan.
• Detail Kalkulasi: Menampilkan rumus perhitungan konversi secara detail untuk edukasi pengguna.
• Simpel & Mudah Digunakan: Antarmuka pengguna yang intuitif dan mudah dipahami.

---

🛠️ Teknologi yang Digunakan

• HTML: Struktur dasar aplikasi web.
• CSS: Styling dan tata letak untuk antarmuka yang responsif.
• JavaScript: Logika perhitungan konversi suhu dan interaktivitas.

---

📂 Struktur Direktori

Berikut struktur direktori proyek:

03-feb-25-Yudhapra/
├── css/
│   └── styles.css    # File CSS untuk styling
├── img/
│   └── favicon.png   # Ikon untuk website
│   └── termo.webm    # Animasi untuk variasi website
├── js/
│   └── script.js     # File JavaScript untuk logika rumus konversi suhu
├── index.html        # File utama HTML
└── README.md         # Dokumentasi proyek

---

🚀 Cara Menjalankan Proyek

Anda dapat menjalankan proyek ini dengan mudah di file lokal Anda. Ikuti langkah-langkah berikut:

1. Clone Repositori:

   git clone https://github.com/revou-fundamental-course/03-feb-25-Yudhapra.git
   

2. Buka Folder Proyek:

   cd 03-feb-25-Yudhapra
   

3. Buka File index.html:
   • Buka file index.html di browser favorit Anda (Chrome, Firefox, dll.).
   • Anda juga bisa menggunakan Live Server di VS Code untuk menjalankannya.
4. Cara Penggunaan:
   • Masukkan angka suhu pada input Masukkan nilai suhu
   • Klik Konversi maka hasil konversi suhu akan langsung muncul
   • Klik Reverse untuk mengganti jenis suhu yang akan dikonversi
   • Klik Reset untuk mengosongkan form input

Atau dapat coba gunakan langsung pada web live demo berikut: Web Konversi Suhu

---

🖼️ Screenshot

Berikut adalah tampilan dari website konversi suhu:

Desktop View

Mobile View

---

🙏 Terima Kasih

Terima kasih telah mengunjungi repositori ini! Untuk pertanyaan atau masukan, silakan buka issue atau hubungi saya langsung.

---

Dibuat dengan ❤️ oleh Yudhapra sebagai bagian dari peserta Fundamental Course Software Engineering Batch 03 Februari 2025 RevoU.