Catatan Kuliah: Real JS dan Integrasi dengan Epic

Pembukaan

• Pembicara: Muhammad Afifuddin
• Platform: Wahid Have Academy
• Topik: Real JS dan integrasi dengan Epic
• Studi Kasus: Aplikasi kasir (kasir efs)

Deskripsi Aplikasi Kasir

• Fitur Utama:
  • Daftar produk (makanan, minuman, cemilan)
  • Kasir dapat memilih kategori produk
  • Proses pemesanan:
    • Kasir mengklik produk yang dipesan
    • Contoh: Memesan "sate ayam"
    • Total harga otomatis terupdate

Pengeditan Pesanan

• Kasir tidak bisa mengedit pesanan setelah diklik
• Kasir dapat menambah jumlah produk
  • Contoh: Mengubah jumlah sate ayam menjadi 2
  • Menambahkan keterangan
• Kasir bisa menghapus produk dari keranjang
  • Contoh: Menghapus "coffee latte"

Penyimpanan Data

• Menggunakan json-server sebagai database
• Data pemesanan disimpan secara permanen
  • Contoh: Sate ayam dan nasi goreng tersimpan di database

Penggunaan JSON Server

• Menunjukkan struktur database
  • Kategori
  • Produk
  • Pesanan
• Keranjang akan terupdate otomatis
  • Contoh: Menambah bakso dan keterangan saat reload

Teknologi yang Digunakan

• Library dan Framework:
  • Font Awesome
  • Axios (untuk akses API)
  • Bootstrap
  • SweetAlert (untuk tampilan alert)

Struktur Proyek

• Kode dibagi menjadi dua folder:
  • Komponen
  • Utilitas

Penutup

• Untuk pembelajaran lebih lanjut, disarankan untuk belajar di Flash Tirev dengan React
• Terima kasih dan selamat belajar
• Salam: Wassalamu'alaikum warahmatullahi wabarakatuh