adminApp

✍️管理者アプリ

adminApp は MERN スタックの電子商取引アプリケーション (管理者側のみ) です。

⚛️ 使用される技術スタック

• React.js
• 追い風
• ノードとExpress.js
• モンゴDB
• Mongoose: すべてのスキーマ検証とデータベース接続用
• Day.js: 日付形式用。
• JsonwebToken: jsonwebtoken を作成する場合
• BcryptJs: パスワード暗号化用
• Dotenv: 環境変数を使用します
• Nodemon: 開発サーバー上で実行する場合

主な特長

• 完全に応答性が高く、ユーザーフレンドリー
• ダークモードとライトモード
• 通知領域
• 商品の追加、更新、削除
• カテゴリの作成、更新、削除
• スタッフの登録・更新・削除
• スタッフを検索（名前、メールアドレス、電話番号で）
• クーポンの作成、更新、削除
• 製品、カテゴリー、クーポン、顧客の輸出入
• 注文をダウンロードする
• 次の項目で注文を検索およびフィルタリングします。
  1. ステータス (配信済み、保留中、処理中、キャンセル済み)
  2. 開始日と終了日
  3. お客様のお名前と
  4. 注文制限
• 各国の言語と通貨の追加、更新、削除、検索
• 管理とストアを制御するための設定。
• 登録されているすべての顧客が個別に合計注文数をリストして表示します。
• PWAを追加しました
• 製品、カテゴリ、属性、クーポンなど、すべての動的データの動的翻訳。
• 製品の属性と組み合わせ。
• 必要なすべての検証を含むその他の機能

はじめにとインストール

1. ノードとnpmをインストールする
2. プロジェクトをフォークする
3. お気に入りのコードエディターでプロジェクトを開きます

バックエンドのインストール

1. adminApp-backendディレクトリに移動し、次のコマンドを実行して依存関係をインストールしますか?:

   npm install

2. MongoDB データベースを構成します。構成後、mongo URI が見つかります。それを.envファイルの MONGO_URI 変数に置くだけです。

3. MongoDB に正常に接続して.envを構成したら、 npm run data:import実行すると、 seed.jsファイルが実行され、データベース上のすべてのデモ データがインポートされます。すべて問題がなければ、バックエンドの構成は完了です。これで、MongoDB データベースにすべてのデモ データが見つかります。

4. ここでnpm run dev実行すると、ポート 5055 または入力ポート上のローカルサーバーでバックエンドが実行されます。

管理者によるインストール

1. adminApp-adminディレクトリに移動し、次のコマンドを実行して依存関係をインストールしますか?:

npm install

2. クラウドアカウントを作成します。次に、クラウド名、API_KEY、API_SECRET を取得します。完了したら、これらの値を.env.localファイルから REACT_APP_CLOUD_NAME、REACT_APP_CLOUDINARY_API_KEY、および REACT_APP_CLOUDINARY_API_SECRET の各行にコピーして貼り付けます。
3. ここでnpm start実行すると、 http://localhost:4000 のローカルサーバーでadminAppが実行されます。

管理アプリにアクセス

問題

アプリのインストール中または使用中に問題が見つかった場合は、「機能強化」タグを付けて問題を開いてください。

注:必ず既存の問題を参照して、問題がすでに存在するかどうかを確認してください。

貢献

皆様の貢献は大変感謝しております。このアプリをより良くするための提案がある場合は、次のことを行ってください。

1. リポジトリをフォークする
2. 機能ブランチを作成する
3. 変更をコミットする
4. ブランチにプッシュする
5. プルリクエストを開く

「機能拡張」タグを使用してディスカッションや問題を開くこともできます。

画像クレジット

1. アンスプラッシュ – https://unsplash.com
2. Pexels – https://pexels.com
3. Pngwing – https://www.pngwing.com/
4. インスタカート – https://instacart.ca

?このプロジェクトが気に入ったら、 を与えて友達と共有してください!