KantinKu ~ By M Raffa Izzel H

KantinKu — Jastip Kantin Modern
🛵 Mobile Web App • Jastip Kantin Modern

KantinKu

Aplikasi jastip kantin berbasis web mobile dengan tampilan modern seperti GrabFood & GoFood. Dibuat untuk kantin sekolah atau kampus dengan sistem pemesanan langsung via WhatsApp.

🚀 Coba Website 📖 Lihat Fitur

✨ Fitur Utama KantinKu

Pengalaman modern seperti aplikasi food delivery profesional, namun dibuat lebih simpel dan ringan untuk kantin sekolah.

👤

Login Simpel

Cukup memasukkan nama tanpa register akun atau password yang ribet.

🍜

Pilih Kantin

Daftar kantin lengkap dengan rating, kategori makanan, dan estimasi waktu.

🛒

Keranjang Interaktif

Tambah atau kurangi item dengan total harga real-time.

💬

WhatsApp Order

Pesanan otomatis dikirim ke WhatsApp dengan format rapi.

🎨

3 Tema Tampilan

Tersedia mode Default, Light, dan Dark Mode.

⚡

Tanpa Backend

Semua berjalan langsung di browser menggunakan localStorage.

Delivery App

🔥 Modern Delivery UI

Tampilan clean, smooth, dan mobile-first seperti aplikasi food delivery modern.

Desain Modern Ala Food Delivery App

KantinKu dirancang dengan fokus pada pengalaman pengguna, tampilan clean, dan animasi smooth agar nyaman digunakan di smartphone maupun desktop.

✓
Hero image modern dengan overlay gradient
✓
Grid menu responsif & clean UI
✓
Animasi smooth menggunakan Framer Motion
✓
Layout mobile-first maksimal 430px

100%

Client Side

3

Tema Tampilan

4

Kantin Utama

0

Backend Needed

🔗 Live Demo KantinKu

Klik tombol di bawah untuk mencoba langsung aplikasinya.

https://a08a48d6-0b56-4854-a9a8-b515579ae539-00-2syyv0vibbsjq.pike.replit.dev/
© 2026 KantinKu — Mobile Web App Jastip Kantin
Dibuat menggunakan HTML, CSS, JavaScript, React, Framer Motion & localStorage.

Komentar

Posting Komentar

Postingan populer dari blog ini

Mobile Development dengan React Native 👨🏻‍💻.

Gambar
Satu Kode, Dua Platform: Mengapa React Native Menjadi Standar Industri? --- Di era digital saat ini, hampir setiap bisnis membutuhkan aplikasi mobile. Mulai dari aplikasi transportasi, e-commerce, hingga media sosial, semuanya hadir dalam genggaman. Namun, muncul satu pertanyaan penting. « Apakah perusahaan harus membuat dua aplikasi yang berbeda untuk Android dan iOS? » Dulu jawabannya adalah ya. Sekarang, jawabannya bisa tidak, berkat hadirnya React Native. Framework ini memungkinkan developer membangun aplikasi Android dan iOS hanya dengan satu basis kode, sehingga proses pengembangan menjadi lebih cepat, efisien, dan hemat biaya. --- 📱 Apa Itu Mobile Development? Mobile Development adalah proses membuat aplikasi yang berjalan pada perangkat Android maupun iOS. Secara umum, terdapat dua pendekatan utama dalam pengembangannya. 1. Native Development Pada pendekatan ini, developer membuat aplikasi secara terpisah untuk setiap sistem operasi. - Android → Kotlin / Java - iOS...
Baca selengkapnya

Daftar Kontak menggunakan Teknis ( CRUD )

Bikin Aplikasi Daftar Kontak Kekinian dengan Flutter: Belajar CRUD Gampang dan Seru! Yo, gengs! Lo pasti familiar banget sama aplikasi daftar kontak di HP kan? Nah, di blog kali ini gue mau ngenalin aplikasi daftar kontak yang gue buat pake Flutter, lengkap banget sama fitur CRUD: Create, Read, Update, dan Delete. Intinya, lo bisa nambah, liat, edit, dan hapus kontak dengan cara yang super gampang dan user friendly. Kenapa Harus Ngerti CRUD? CRUD itu singkatan dari empat operasi dasar buat ngatur data di aplikasi: Create: Nambah data baru (misal: kontak baru) Read: Nampilin data yang udah ada (liat daftar kontak) Update: Merubah data yang ada (edit kontak) Delete: Ngapus data yang udah gak dipake (hapus kontak) Kalau lo ngerti CRUD, lo bisa bikin hampir semua aplikasi yang butuh database dan manajemen data. Nah, aplikasi daftar kontak ini bakal jadi latihan nyata buat lo paham gimana teknis CRUD diaplikasiin dalam dunia nyata — khususnya di aplikasi yang kita pake sehari-hari di HP. Ap...
Baca selengkapnya