Rumah > hujung hadapan web > tutorial js > Apl Penghantaran Makanan

Apl Penghantaran Makanan

Susan Sarandon
Lepaskan: 2025-01-09 07:25:41
asal
713 orang telah melayarinya

Makanan lebah
Aplikasi mesra pengguna untuk memesan makanan dari restoran tempatan dengan penjejakan masa nyata. Bahagian hadapan dibina dengan tindak balas.

Lihat sekarang: https://beefood.netlify.app/

Pautan GitHub: https://github.com/mahmud-r-farhan/food-delivery-app

Food Delivery App mahmud-r-farhan / aplikasi-penghantaran-makanan

Bee Food ialah aplikasi penghantaran makanan mudah yang membolehkan pengguna memesan dari restoran tempatan dan menghantar makanan ke depan pintu mereka dengan cepat.

Laman Web Penghantaran Makanan

Tapak web penghantaran makanan yang moden dan responsif dibina dengan CSS React, Vite dan Tailwind.

Ciri

  • Penyenaraian restoran dengan item menu
  • Pilihan carian dan penapis untuk masakan
  • Sistem penempatan pesanan ringkas
  • Penjejak kemajuan pesanan dengan peta masa nyata
  • Togol mod gelap dan mod terang
  • Reka bentuk responsif untuk semua peranti
  • Pilihan sokongan sembang
  • Pemberitahuan roti bakar untuk tindakan pengguna

Bermula

Ikuti langkah-langkah di bawah untuk mendapatkan salinan tempatan projek anda dan berjalan:

Prasyarat

Pastikan anda telah memasang yang berikut:

  • Node.js (v14 atau lebih baru)
  • npm (v6 atau lebih baru)

Pemasangan

  1. Klon repositori:

    git clone https://github.com/mahmud-r-farhan/food-delivery-app.git
    
    Salin selepas log masuk
    Salin selepas log masuk
    Masukkan mod skrin penuh Keluar daripada mod skrin penuh
  2. Navigasi ke folder projek:

    cd food-delivery-app
    Salin selepas log masuk
    Salin selepas log masuk
    Masukkan mod skrin penuh Keluar daripada mod skrin penuh
  3. Pasang kebergantungan:

    git clone https://github.com/mahmud-r-farhan/food-delivery-app.git
    
    Salin selepas log masuk
    Salin selepas log masuk
    Masukkan mod skrin penuh Keluar daripada mod skrin penuh

Menjalankan Projek

  1. Mulakan pelayan pembangunan:

    cd food-delivery-app
    Salin selepas log masuk
    Salin selepas log masuk
    Masukkan mod skrin penuh Keluar daripada mod skrin penuh
  2. Buka penyemak imbas anda dan pergi ke http://localhost:3000 untuk melihat apl sedang beraksi.

Bina untuk Pengeluaran

Untuk membina projek untuk pengeluaran:

npm install
Salin selepas log masuk
Masukkan mod skrin penuh Keluar daripada mod skrin penuh

Ini akan mencipta dist/ direktori…

Lihat di GitHub
beefood.netlify.app

Sila hubungi saya: https://gravatar.com/floawd

Ikuti di Github: https://github.com/mahmud-r-farhan

Atas ialah kandungan terperinci Apl Penghantaran Makanan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan