flutter_amazon_clone

フラッターアマゾンクローン

フルスタック フラッター Amazon クローン

Flutter を使用したフルスタック Amazon クローン アプリ!

について

Flutter を使用した管理者ダッシュボードと、NodeJs および MongoDB + Atlas を使用したバックエンドを備えたフルスタックで動作する Amazon Clone アプリ。

デモ

フロントエンド

管理者パネル

はじめる

このプロジェクトは、管理パネルとサーバー側 Flutter および Nodejs アプリケーションを備えた Amazon クローン用のフルスタック アプリです。

特徴

• メールアドレスとパスワードによるユーザー登録とログイン
• プロバイダーによる認証状態の永続化
• 製品を探す
• 製品を評価する
• カートに追加する 製品
• ApplePay と Gpay で商品を購入する
• カテゴリごとの製品を検索
• 複数のアドレスを追加
• デフォルトのアドレスを保存する
• アドレスの更新と削除
• 私のアカウント
• 最近の注文を表示するには、「注文」
• 製品詳細
• 今日の取引を入手する
• 注文の詳細とステータスの表示
• 設定画面
• Amazon Pay、miniTV、Funzone
• サインアウト ...その他多数
• 管理者パネル
  • すべての製品を見る
  • 新しい製品を追加する
  • 製品の削除
  • 注文の表示と現在のステータスの変更
  • 総収益の表示
  • カテゴリベースの収益の表示 (グラフ上)

要件

• https://cloudinary.com/ でストア製品イメージ用の無料 API キーを取得します
• クラウド名を更新し、 lib -> features -> admin -> services -> admin_services.dartでプリセットをアップロードします。
• 
• https://cloud.mongodb.com/ で MongoDB を作成し、接続文字列をアプリケーション コードに追加します
• project -> server -> index.js -> const DB = "mongodb+srv://***" // Please Enter your MongoDB URL
• 
• lib -> constants -> global_variables.dart fileに移動し、IP アドレスに置き換えます。

サーバーのインストール

サーバーを実行するには、次のコマンドを実行します。

 npm install
 npm run dev (for continuous development)
 OR
 npm start (to run script 1 time)

アプリを実行する

? を開始する前に、Flutter をインストールする必要があります。

 # Clone this project
$ git clone https://github.com/RathaKrishna/flutter_amazon_clone.git

# Access
$ cd amazon_clone

# Pull dependencies
$ flutter pub get

# Run the project (emulator or physical device needs to be connected first)
$ flutter run

# Build an apk
$ flutter build apk --split-per-abi