piiicks ecommerce

皮伊克斯

Piiicks 是一款 Flutter 電子商務應用程序，採用簡潔的架構精心設計，並由高效的 BLoC 狀態管理提供支持，確保可擴展性、可維護性和最佳性能。透過時尚的介面和旨在提升線上購物之旅的強大功能，深入體驗無縫編碼體驗。

目錄結構。

• 庫
  • main.dart：應用程式的入口點。
  • application －blocs/cubits：容納負責管理應用程式狀態的 BLoC（業務邏輯元件）或 Cubit 類別。
  • core：包含跨應用程式共享的核心功能和實用程式。
  • configs：儲存專案的設定檔。
  • di：用於管理依賴項和服務的依賴項注入設定。
  • 資料：管理資料來源、儲存庫和資料模型。
  • 域：定義域實體、用例和介面。
  • 簡報－螢幕/小工具：包含應用程式的 UI 元件、螢幕和小工具。

特徵

1. 簡潔的架構：確保模組化和可擴展的架構以實現長期可維護性。
2. BLoC 狀態管理：高效率的狀態管理，提供流暢且可預測的使用者體驗。

使用者介面

3. 產品螢幕：使用者友善的產品顯示，輕鬆瀏覽。
4. 類別：無縫導航各種產品類別。
5. 產品詳細資訊：全面了解產品的深入資訊。
6. 搜尋功能：強大的搜尋功能，可快速發現產品。
7. 搜尋結果：清晰且相關的搜尋結果，方便用戶。
8. 主畫面：引人入勝的特色產品和類別展示。
9. 過濾選項：直覺的產品過濾選項，可提供客製化的購物體驗。
10. 啟動畫面：引人入勝的初始載入畫面為應用程式定下了基調。
11. 地址：輕鬆管理和編輯使用者地址，以便順利處理訂單。
12. 分頁：實現分頁以有效載入大量數據，確保更流暢的使用者體驗。

用戶互動

13. 將產品排序：根據價格等標準對產品進行排序的選項。
14. 通知：讓使用者隨時了解訂單狀態等更新資訊。

使用者管理

15. 登入/註冊：安全的使用者身份驗證，提供個人化體驗。
16. 購物車：購買前無縫直覺管理所選商品。
17. 使用者個人資料：用於管理地址、查看訂單歷史記錄和個人化首選項的專用部分。
18. 訂單管理：允許使用者下訂單並根據訂單狀態顯示不同的訂單結果畫面。

附加功能

19. 圖片快取與載入優化：利用cached_network_image高效載入和快取網路圖片，提高效能。
20. SVG 支援：利用flutter_svg套件支援 SVG 影像，提供可擴充且清晰的使用者介面。
21. 資料快取：使用shared_preferences快取少量數據，透過維護某些狀態來改善使用者體驗。
22. 驗證與安全儲存：使用flutter_secure_storage實現安全的使用者驗證，確保敏感的使用者資料得到安全儲存。
23. 具有微光效果的狀態 UI：透過使用shimmer包合併微光效果來增強使用者介面，提供完美的載入體驗。
24. 動態頁面指示器：使用dots_indicator實現動態頁面指示器，在使用者瀏覽不同螢幕時提供視覺提示。
25. HTTP 請求和 API 整合：利用http套件發出 HTTP 請求，並與外部 API 無縫整合以取得和更新資料。
26. 網路連線檢查：利用internet_connection_checker套件透過檢查和處理網路連線來確保流暢的使用者體驗。
27. 依賴注入：利用get_it套件進行高效率的依賴注入，提高程式碼可維護性並有效管理依賴關係。
28. 函數式程式設計原理：探索並實現dartz套件中的函數式程式設計原理，提高程式碼清晰度和錯誤處理能力。
29. 分享產品：使用戶能夠使用share_plus包分享產品詳細信息，以便在社交媒體和其他平台上無縫分享。
30. 帶有 URL 啟動器的聯絡我們畫面：利用url_launcher套件開啟聯絡我們螢幕，允許使用者與外部連結（例如電子郵件或電話號碼）進行互動。
31. 具有獲取儲存功能的願望清單：使用get_storage套件實現願望清單功能來保存和檢索產品，為使用者提供個人化的願望清單體驗。
32. 截圖分享產品：透過screenshot包，讓使用者截圖分享產品詳情，增強應用程式的分享能力。

依賴關係

 environment :
  sdk : ' >=3.0.5 <4.0.0 '

dependencies :
  flutter :
    sdk : flutter
      # the last versions.
  equatable :
      # Package for handling value equality without explicit overrides
  dartz :
      # Functional programming library for Dart
  shared_preferences :
      # Plugin for reading and writing key-value pairs to persistent storage
  http :
      # Package for making HTTP requests
  internet_connection_checker :
      # Library for checking internet connectivity
  flutter_bloc :
      # State management library for Flutter applications
  get_it :
      # Simple service locator for Dart and Flutter projects
  shimmer :
      # Package for adding shimmering effect to Flutter applications
  cached_network_image :
      # Library for loading and caching network images
  flutter_svg :
      # Library for rendering SVG files in Flutter applications
  dots_indicator :
      # Customizable dots indicator for PageView in Flutter
  flutter_secure_storage :
      # Secure storage plugin for Flutter
  photo_view :
      # Package for displaying images in Flutter with zooming and panning capabilities
  dotted_border :
      # Package for creating dotted borders in Flutter
  flutter_local_notifications :
      # Package for displaying local notifications in Flutter applications
  share_plus :
      # Package for sharing content on social media and more
  get_storage : 
      # Persistent storage for Flutter, allowing key-value pair storage
  screenshot :
      # Flutter plugin for taking screenshots of widgets
  path_provider :
      # Plugin for interacting with the file system, including getting the app's temporary and application support directories
  url_launcher :
      # Flutter plugin for launching URLs, emails, making phone calls, and sending SMS.
  flutter_phoenix :
      # Easily restart your application from scratch, losing any previous state. 

下載應用程式

螢幕.

完畢：

• 產品。
• 類別。
• 產品詳情。
• 搜尋.
• 搜尋結果。
• 家。
• 篩選。
• 登入.
• 報名。
• 濺。
• 大車。
• 輪廓。
• 地址。
• 新增/編輯地址。
• 對產品進行排序。
• 條款和條件。
• 願望清單。
• 聯繫我們。
• 查看。
• 訂單成功。
• 訂單失敗。
• 訂單。
• 通知。

更多螢幕截圖請點擊此處

待辦事項：

• 支付。

演示。

登入.mp4

訂單購物車.mp4

類別-通知-設定檔-filter.mp4

搜尋.mp4

• 通常，如果您在沒有網路連線的情況下首次開啟應用程序，就會發生這種情況。如果不是第一次，應用程式將使用快取資料。

錯誤-鳳凰-refresh.mp4

入門

1. 克隆存儲庫。
2. 導航到項目目錄。
3. 執行flutter pub get來取得相依性。
4. 在您首選的 Flutter IDE 中開啟專案。
5. 在您所需的模擬器或實體設備上執行應用程式。