オンライン野菜と果物のマーケットプレイス (VegFru)
オンライン野菜と果物のマーケットプレイス プロジェクトへようこそ!このプラットフォームは、顧客と新鮮な果物や野菜を販売する近くの販売者を結び付けるように設計されています。使いやすいインターフェイスにより、顧客は地図上でベンダーを検索し、製品リストを表示し、支払いゲートウェイを通じて安全に注文することができます。
VegFruの流れはこちら
Note: Fully Mobile Responsive
アプリの特徴:
| お客様の特徴 | ベンダーの機能 - ストアの作成と管理 |
|---|---|
| 1. 地図上で近くのベンダーを検索: - インタラクティブなマップ インターフェイスを使用して、近くのベンダーを簡単に見つけます。 | 1. ストアの作成:ベンダーはプラットフォーム内でオンライン ストアを作成およびカスタマイズできます。ブランド、ロゴ、店舗情報を使用して店舗を設定できます。 |
| 2. マップ上でベンダー プロファイルと製品リストを表示します。 - 詳細なベンダー プロファイルにアクセスし、マップ インターフェイス内で直接製品リストを参照します。 | 2. 在庫管理:ベンダーは、効率的な在庫管理のための堅牢なダッシュボードにアクセスします。製品リストの追加、編集、削除、数量の更新、価格設定を行うことができます。 |
| 3. Stripe を通じて安全に注文と支払いを行う: - 堅牢で安全な Stripe 支払いゲートウェイを使用して、ベンダーから目的の製品をシームレスに注文します。 | 3. 注文処理:ベンダーはダッシュボードから直接注文を効率的に管理し、詳細を確認し、配送を準備できます。 |
| 4. 注文をリアルタイムで追跡: - 注文のステータス、詳細、支払いを確認から配達までリアルタイムで追跡します。 | 4. 洞察:ベンダーは毎日の収入、顧客合計、注文データにアクセスできるため、店舗のパフォーマンスを理解するのに役立つ貴重なビジネス洞察が得られます。 |
| 5. 注文完了後の確認メール: - 注文が完了するとすぐに確認メールが届きます。 |
使用されている技術
このプロジェクトは、次のような最新の Web テクノロジーを使用して構築されています。
| テクノロジー | 選択肢 |
|---|---|
| フロントエンド | ReactJS/NextJS |
| UIフレームワーク | ChakraUI/追い風 |
| バックエンド | NodeJs/ExpressJS |
| データベース | モンゴDB |
| コンテナ化 | ドッカー |
| 位置情報サービス | Mapbox API (位置ベースの検索、地図統合、方向 API、距離 API) |
| ペイメントゲートウェイ | ストライプチェックアウト |
| キャッシング | Redis (DB リクエストを削減し、パフォーマンスを最適化し、応答時間を短縮するため) |
| レート制限 | リクエスト レートの制御に使用され、過剰なリクエストを防止しサーバーの安定性を確保するために ExpressJS のミドルウェアとして実装されます。 |
| Webhook | 支払い詳細をデータベースに保存するために使用されます |
| 電子メール通知 | Gmail SMTP サーバーと Nodemailer を使用して送信 |
| アクセストークンとリフレッシュトークン | ユーザーエクスペリエンスを向上させるためにAxiosインターセプターを実装 |
クライアント側のスクリーンショット
ベンダー側のスクリーンショット
接触
ご質問やフィードバックがございましたら、[email protected] までご連絡ください。私の Web サイトにアクセスしてください: ここをクリックしてください。ご意見をお待ちしております。
