Situs web pengiriman kue
Perkenalan
Aplikasi pengiriman kue adalah aplikasi web full-stack yang dibangun menggunakan .NET 0.8 untuk backend, API Web, SQL untuk manajemen basis data, dan bereaksi untuk frontend. Aplikasi ini memungkinkan pelanggan untuk menelusuri katalog kue, menyesuaikan pesanan, dan melakukan pemesanan aman dengan deteksi lokasi otomatis. Sistem ini juga mencakup panel admin untuk mengelola kue, kategori, pelanggan, dan pengguna, memberikan pengalaman yang lancar bagi pelanggan dan administrator.
Fitur
Aplikasi Pelanggan
Katalog Kue
Pelanggan dapat menjelajahi berbagai kue yang diselenggarakan berdasarkan kategori, membuatnya mudah untuk menemukan kue yang sempurna.
Pesan Kustomisasi
Pelanggan dapat mempersonalisasikan pesanan mereka dengan memilih ukuran dan jumlah kue tertentu, kemudian menambahkan kue yang disesuaikan ini ke keranjang belanja mereka untuk manajemen yang mudah sebelum checkout.
Lokasi deteksi otomatis
Dengan integrasi reaksi leaflet, aplikasi secara otomatis mendeteksi lokasi pelanggan selama checkout, menyederhanakan proses dengan menghilangkan kebutuhan untuk secara manual memasukkan alamat, terutama berguna untuk pengguna seluler.
Segera Checkout
Proses checkout mengumpulkan detail kontak pelanggan yang penting, informasi pembayaran, dan mengkonfirmasi alamat pengiriman yang terdeteksi secara otomatis, memastikan pengalaman pemesanan yang lancar dan aman.
Sistem umpan balik
Setelah menyelesaikan pesanan, pelanggan diundang untuk meninggalkan umpan balik tentang pengalaman mereka. Ulasan ini ditampilkan di beranda, memungkinkan pengunjung baru untuk melihat kesaksian nyata dari pelanggan lain.
Beranda dinamis
- Kue yang baru -baru ini ditambahkan : menyoroti tambahan terbaru untuk katalog, mendorong pelanggan untuk kembali dan mengeksplorasi opsi baru.
- Umpan Balik & Testimoni Pelanggan : Menampilkan umpan balik nyata dari pelanggan, menambahkan kredibilitas dan membantu pengguna baru membuat keputusan yang tepat.
- Informasi Kontak : Rincian kontak penting ditampilkan secara jelas, memudahkan pelanggan untuk menjangkau dengan pertanyaan atau permintaan khusus.
Panel Admin
- Halaman login admin menyediakan akses login yang aman ke panel admin, memastikan bahwa hanya pengguna yang berwenang yang dapat mengelola data dan fungsionalitas aplikasi.
- Tinjauan Dasbor Dasbor Admin memberikan ringkasan cepat penjualan untuk minggu ini, memungkinkan administrator untuk melihat metrik kinerja bisnis sekilas, mengidentifikasi tren, dan membuat keputusan berbasis data.
- Manajemen Kue Halaman kue khusus memberi admin kemampuan untuk melihat, menambah, memperbarui, atau menghapus kue dari katalog. Kontrol kuantitas stok: Admin dapat menyesuaikan jumlah setiap kue yang tersedia untuk memastikan ketersediaan yang akurat bagi pelanggan.
- Manajemen Kategori Halaman Kategori mengatur kue ke dalam klasifikasi (misalnya, ulang tahun, ulang tahun, gulma ..), membuat katalog mudah bagi pelanggan untuk menavigasi. Admin dapat menambahkan kategori baru, mengedit yang sudah ada, atau menghapus yang sudah ketinggalan zaman.
- Admin manajemen pelanggan dapat mengakses daftar lengkap pelanggan yang telah melakukan pemesanan, memberikan wawasan tentang perilaku pelanggan dan memungkinkan mereka untuk mengatasi pertanyaan atau masalah khusus akun.
- Admin manajemen pengguna dapat membuat akun pengguna baru untuk anggota staf tambahan, mengelola informasi pengguna yang ada, dan memperbarui alamat email atau mengatur ulang kata sandi saat diperlukan, memastikan operasi sistem yang lancar dan aman.
Teknologi digunakan
Database
- Database: Microsoft SQL Server dengan ADO.NET.
Frontend
- Build Tool: Vite untuk pembangunan proyek yang efisien.
- React Query: Untuk manajemen negara jarak jauh & pengambilan data.
- API Konteks untuk Manajemen Negara UI.
- React Router: Untuk mengimplementasikan perutean.
- Tailwindcss: Untuk gaya.
- Bereaksi bentuk kait untuk mengelola formulir.
- Recharts: Perpustakaan untuk grafik untuk menunjukkan statistik.
- React-Hot-Toast: Untuk pemberitahuan bersulang.
- Reaction-Icons: Untuk ikon UI.
backend
Pengontrol:
- Mengatur dan menangani permintaan sumber daya HTTP (misalnya, kue, pesanan).
- Tentukan tindakan CRUD melalui metode HTTP (dapatkan, posting, put, hapus).
Model/DTO:
- Tentukan struktur data untuk merampingkan transfer data klien-server.
Metode HTTP:
- Dapatkan: Ambil sumber daya (misalnya, daftar kue).
- Posting: Buat sumber daya baru (misalnya, kirimkan pesanan).
- Put: Perbarui sumber daya yang ada (misalnya, modifikasi detail kue).
- Hapus: Hapus sumber daya (misalnya, hapus kue).
Kode Status:
- 200 OK: Pengambilan/Pembaruan Data yang berhasil.
- 201 Dibuat: Penciptaan Sumber Daya Sukses.
- 204 Tidak ada konten: Sumber daya dihapus dengan sukses.
- 400 Permintaan Buruk: Data tidak valid diterima.
- 404 Tidak ditemukan: Sumber daya tidak ada.
Validasi:
- Memastikan data yang masuk akurat dan aman.
- Atribut Model dan Logika Kustom Menegakkan Persyaratan Data.
Demo langsung
Klik saya!
