☕ Kedai Kopi Mantap – Web Pemesanan Kopi

Web sederhana berbasis HTML, TailwindCSS, dan JavaScript untuk mensimulasikan sistem pemesanan kopi mulai dari memilih menu, mengisi data, hingga halaman konfirmasi. Cocok untuk tugas sekolah, portofolio, atau latihan frontend.

---

✨ Fitur Utama

• Halaman Utama (Landing Page) berisi informasi dan tombol untuk memulai pemesanan.
• Form Pemesanan Kopi dengan pilihan menu, jumlah, dan input data pelanggan.
• Popup/Modal Konfirmasi setelah pemesanan dikirim.
• Halaman Konfirmasi untuk menampilkan ringkasan pesanan.
• Dark Mode Support menggunakan atribut HTML & Tailwind (opsional).
• Desain Responsif memakai TailwindCSS agar nyaman dibuka di HP/PC.

---

🗂 Struktur Folder

|zharry/
│
├── assets/
│ ├── css/
│ │ └── style.css
│ └── img/
│ ├── air mineral.jpeg
│ ├── americano.jpeg
│ ├── back.png
│ ├── cappucino.jpeg
│ ├── coffe expreso.jpeg
│ ├── confirm.png
│ ├── index.png
│ ├── index+chekout.png
│ ├── indexx.png
│ ├── latte.jpeg
│ ├── order.png
│ └── teh.jpeg
│
├── script/
│ ├── confirm.js
│ ├── index.js
│ └── order.js
│
├── index.html
├── order.html
├── confirm.html
└── README.md

---

🧰 Teknologi yang Digunakan

• HTML5 – Struktur halaman
• TailwindCSS – Styling cepat dan responsif
• JavaScript (DOM) – Untuk logic interaktif seperti modal & data pesanan

---

🚀 Cara Menjalankan Secara Lokal

1. Download atau clone project ini.

2. Pastikan folder terstruktur seperti di atas.

3. Buka file berikut langsung di browser:

   • index.html
   • order.html
   • confirm.html

Tidak memerlukan server backend — web ini 100% berjalan di sisi frontend.

---

💡 Cara Menggunakan

1. Buka index.html.
2. Tekan tombol Pesan Sekarang.
3. Pilih jenis kopi dan jumlah di halaman form.
4. Klik Pesan.
5. Popup konfirmasi akan muncul.
6. Setelah disetujui, pengguna diarahkan ke halaman confirm.html.

---

🖼️ Screenshot (Opsional)

Tambahkan screenshot website di folder assets/img/ lalu tampilkan seperti:

![Homepage](assets/img/index.png)

---

📄 Lisensi

Project ini bebas digunakan untuk belajar, modifikasi, atau tugas sekolah.

---

🖼️ Preview

---

👤 Pembuat

Erzha Noverico Ardheva

• Email: falzagaming12@gmail.com
• GitHub: https://github.com/Erzhass

Ferry Ferdianto

• Email: ferryferdianto1624@gmail.com
• GitHub: https://github.com/FerryFerdianto24