蛋糕交付網站
介紹
Cake Delivery應用程序是一個全堆棧Web應用程序,使用.NET 0.8用於後端,Web API,SQL,用於數據庫管理,並為前端進行反應。該應用程序使客戶能夠瀏覽蛋糕目錄,自定義訂單,並通過自動位置檢測下放安全訂單。該系統還包括用於管理蛋糕,類別,客戶和用戶的管理面板,為客戶和管理員提供了平穩的體驗。
特徵
客戶應用
蛋糕目錄
客戶可以探索按類別組織的各種蛋糕,從而輕鬆找到完美的蛋糕。
訂購自定義
客戶可以通過選擇特定的蛋糕尺寸和數量來個性化訂單,然後將這些自定義的蛋糕添加到其購物車中,以便在結帳前易於管理。
位置自動檢測
隨著傳單反應集成,該應用程序會在結帳期間自動檢測客戶位置,從而通過消除手動輸入地址的需求來簡化該過程,對移動用戶特別有用。
安全結帳
結帳過程收集了必不可少的客戶聯繫方式,付款信息,並確認自動檢測的送貨地址,以確保平穩且安全的訂購體驗。
反饋系統
完成訂單後,邀請客戶留下有關他們的經驗的反饋。這些評論顯示在主頁上,使新訪問者可以查看其他客戶的真實推薦。
動態主頁
- 最近添加了蛋糕:突出顯示了目錄的最新添加,鼓勵客戶返回和探索新的選擇。
- 客戶反饋和證明:顯示客戶的真實反饋,增加了信譽並幫助新用戶做出明智的決定。
- 聯繫信息:重要的聯繫方式可顯著顯示,使客戶可以輕鬆地討論問題或特殊要求。
管理面板
- 管理員登錄頁面提供了對管理面板的安全登錄訪問,以確保只有授權用戶才能管理應用程序的數據和功能。
- 儀表板概述管理儀表板提供了本週銷售的快速摘要,使管理員可以一目了然地看到業務績效指標,確定趨勢並做出數據驅動的決策。
- 蛋糕管理專門的蛋糕頁面使管理員能夠查看,添加,更新或從目錄中刪除蛋糕。庫存數量控制:管理員可以調整庫存中每個蛋糕的數量,以確保為客戶提供準確的可用性。
- 類別管理類別頁面將蛋糕組織為分類(例如,生日,週年紀念日,除草。),使客戶易於瀏覽目錄。管理員可以添加新類別,編輯現有類別或刪除過時的類別。
- 客戶管理管理員可以訪問下訂單的客戶的完整列表,提供有關客戶行為的見解,並允許他們解決任何特定帳戶的查詢或問題。
- 用戶管理管理員可以為其他員工創建新的用戶帳戶,管理現有的用戶信息,並在需要時更新電子郵件地址或重置密碼,從而確保流暢且安全的系統操作。
使用的技術
資料庫
- 數據庫:帶有ado.net的Microsoft SQL Server。
前端
- 構建工具:有效的項目構建。
- REACT查詢:用於遠程狀態管理和數據獲取。
- UI狀態管理的上下文API。
- React路由器:實現路由。
- tailwindcss:用於造型。
- React Hook形式用於管理形式。
- Recharts:圖表以顯示統計數據。
- 反應熱式:用於吐司通知。
- 反應:用於UI圖標。
後端
控制器:
- 組織和處理HTTP資源請求(例如,蛋糕,訂單)。
- 通過HTTP方法定義CRUD動作(獲取,發布,PUT,刪除)。
模型/DTO:
HTTP方法:
- 獲取:檢索資源(例如,蛋糕清單)。
- 帖子:創建新資源(例如,提交訂單)。
- fut:更新現有資源(例如,修改蛋糕詳細信息)。
- 刪除:刪除資源(例如,刪除蛋糕)。
狀態代碼:
- 200可以:成功的數據檢索/更新。
- 201創建:資源創造成功。
- 204沒有內容:成功刪除資源。
- 400不良請求:收到的無效數據。
- 404找不到:不存在資源。
驗證:
- 確保傳入數據是準確且安全的。
- 模型屬性和自定義邏輯執行數據要求。
現場演示
點擊我!