KantinKu - Web Food Ordering


Deskripsi Aplikasi

KantinKu adalah aplikasi web food ordering yang memungkinkan pengguna menemukan dan memesan makanan dari restoran terdekat secara online. Dibangun menggunakan teknologi web standar (HTML, CSS, JavaScript).Aplikasi ini terinspirasi dari platform food delivery populer seperti GoFood, namun dengan pendekatan yang lebih sederhana dan fokus pada pengalaman pengguna yang intuitif.

Fitur Aplikasi

  • Peta Interaktif Berbasis Lokasi
  • Deteksi Lokasi Otomatis
  • Filter Kategori Restoran
  • Keranjang Belanja
  • Sistem diskon promo diterapkan dengan otomatis saat syarat terpenuhi 
  • Login 
  • Checkout & Konfirmasi Pesanan
  • Halaman Profil & Riwayat Pesanan


Teknologi yang Digunakan

  • HTML5 untuk struktur halaman
  • CSS3 + Bootstrap 5 untuk styling & layout responsif
  • JavaScript untuk logika aplikasi (modular)
  • Leaflet.js untuk peta interaktif
  • OpenStreetMap untuk tile peta gratis
  • intl-tel-input untuk input nomor HP internasional
  • Google Fonts untuk tipografi (Syne + DM Sans)
  • localStorage untuk penyimpanan sesi & data lokal


Struktur Halaman

  • index.html berisi beranda, daftar restoran, pencarian
  • restoran.html berisi menu restoran, cart, checkout
  • rekomendasi.html berisi peta + daftar restoran terdekat
  • profil.html berisi profil pengguna & riwayat pesanan
  • 404.html berisi halaman not found



Comments

Post a Comment

Popular posts from this blog

Task 6 Pemograman Web

Image
                                                                   Task 6 Nama : Raditya Akmal NRP : 5054241027 Membuat form pendaftaran dengan HTML, CSS, dan JavaScript. Menggunakan Leaflet untuk fitur peta interaktif dan API kode pos untuk pencarian kode pos otomatis. source code :  https://github.com/Raditya-0/Web-Programming/tree/main/Form source web :  https://raditya-0.github.io/Web-Programming/Form/index.html source web kode pos:  https://raditya-0.github.io/Web-Programming/Form/kodepos.html Dokumentasi :
Read more

Task 4 Pemograman Web

Image
    Task 4 Nama : Raditya Akmal NRP : 5054241027 Membuat web kursus dengan HTML dan CSS. Dengan 3 script HTML yang berisi menu, login, dan register. source code :  https://github.com/Raditya-0/Web-Programming/tree/main/Kursus source web :  https://raditya-0.github.io/Web-Programming/Kursus/index.html Dokumentasi :
Read more