Admin eCommerce ReactJS

ReactJS eコマース管理者

このプロジェクトは、Create React App を使用してブートストラップされました。

ライブプレビュー: https://admin-ecommerce.herokuapp.com/

• ユーザー名 : アディ
• パスワード: 12345

必須

• このウェブサイトにアクセスするためのインターネット

管理機能

• 管理者は製品を追加、編集、削除できます（管理者は製品を追加、編集、削除できます）
• 管理者はカテゴリを追加、編集、削除できます（管理者はカテゴリを追加、編集、削除できます）
• 管理者はサブカテゴリを追加、編集、削除できます（管理者はサブカテゴリを追加、編集、削除できます）
• 管理者は顧客のリストを表示できます（管理者はすべての顧客を表示できます）
• 管理者は製品のリストを表示できます (管理者はすべての製品を表示できます)
• 管理者はリストを表示して新しい注文を確認できます（管理者はリストを表示して注文確認を受け取ることができます）
• 管理者は出荷中の注文のリストを表示できます（管理者は購入中のすべての注文を表示できます）

注目のテクノロジー

• PWA - プログレッシブ Web アプリケーション
• ホーム画面に追加
• オフラインのサポート。サービスワーカーに感謝します。
• 画像の遅延読み込み
• レスポンシブウェブ
• Reduxを使用した状態管理
• Lodash を使用したユーティリティ ライブラリ
• axios を使用した XMLHttpRequest
• React-Quill を使用したリッチ テキスト エディター
• Sassを使用したCSSプリプロセッサ

バックエンド

• PHP プログラミング言語
• ルーメンフレームワーク
• https://e-commerce-rest-api.herokuapp.com

設定

1. リポジトリのクローンを作成する
2. `$ cd Admin-eCommerce-ReactJS
3. $ yarnまたはnpm install実行します
4. ローカルで実行$ yarn startまたはnpm start

利用可能なスクリプト

プロジェクト ディレクトリでは、次を実行できます。

npm start

アプリを開発モードで実行します。
http://localhost:3000 を開いてブラウザで表示します。

編集を行うとページがリロードされます。
コンソールには lint エラーも表示されます。

npm test

インタラクティブウォッチモードでテストランナーを起動します。
詳細については、テストの実行に関するセクションを参照してください。

npm run build

実稼働用のアプリをbuildフォルダーにビルドします。
React を実稼働モードに正しくバンドルし、最高のパフォーマンスが得られるようにビルドを最適化します。

ビルドは縮小され、ファイル名にはハッシュが含まれます。
アプリをデプロイする準備ができました。

詳細については、展開に関するセクションを参照してください。

npm run eject

注: これは一方向の操作です。一度ejectと、元に戻すことはできません。

ビルド ツールと構成の選択に満足できない場合は、いつでもejectことができます。このコマンドは、プロジェクトから単一のビルド依存関係を削除します。

代わりに、すべての構成ファイルと推移的な依存関係 (Webpack、Babel、ESLint など) がプロジェクトに直接コピーされるため、それらを完全に制御できます。 ejectを除くすべてのコマンドは引き続き機能しますが、コピーされたスクリプトを指すため、調整することができます。この時点では、あなたは一人です。

eject使用する必要はありません。厳選された機能セットは小規模および中規模の導入に適しており、この機能を使用する義務を感じる必要はありません。ただし、準備ができたときにカスタマイズできなければ、このツールは役に立たないことは理解しています。

もっと詳しく知る

詳細については、Create React App のドキュメントをご覧ください。

React について学習するには、React のドキュメントを参照してください。