bookstore cms

書店CMS

デスクトップビュー表現

？目次

• プロジェクトについて
  • ？で構築されています
    • 技術スタック
    • 重要な機能
  • ライブデモ
• はじめる
  • 設定
  • 前提条件
  • インストール
  • 使用法
  • テストを実行します
  • 展開
• 著者
• ？将来の機能
• ？貢献
• §サポートを表示します
• 謝辞
• ❓FAQ（オプション）
• ライセンス

[bookstore-cms]

[BookStore-CMS]実際のアプリケーションのコンテキストでReactとReduxを使用して、本屋の簡略化されたバージョンを作成して、本のリストを表示し、本を追加し、選択した本を削除します。

？で構築されています

技術スタック

• クライアント
  • 反応します
  • redux
  • API

重要な機能

• [レスポンシブレイアウト]
• [UX/UIアクセシビリティ]
• [動的データ]

（トップに戻る）

ライブデモ

• GH-Pagesのライブデモ

（トップに戻る）

はじめる

地元のコピーを稼働させるには、次の手順に従ってください。

前提条件

このプロジェクトを実行するには、次のことが必要です。

• 選択したブラウザ。
• お好みのテキストエディター。
• ローカルシステムにインストールされたnode.js

設定

このリポジトリを目的のフォルダーにクローンします。

• 次のコマンドを使用します。

   cd your-desired-folder
  git clone [email protected]:ab-noori/bookstore-cms.git
  

インストール

• このプロジェクトをインストールしてください：

   npx create-react-app my-app
   cd my-app
   npm start
  

使用法

• 次のコマンドを使用して、ローカルシステムで実行します。

   npm run build
  npm run deploy
  

テストを実行します

• 次のスクリプトとスタイルテストを実行します。

   npx eslint "**/*.{js,jsx}"
  npx eslint "**/*.{js,jsx}" --fix
  
  npx stylelint "**/*.{css,scss}"
  npx stylelint "**/*.{css,scss}" --fix
  

展開

• 1-次のコマンドでgh-pagesをインストールします。

   npm i -D gh-pages
  

• 2-プロジェクトのジェイソンファイルにhomepageを追加します。

   "homepage": "https://ab-noori.github.io/bookstore-cms",
  

• 3-プロジェクトのJasonファイルに次のスクリプトを追加します。

   "predeploy": "npm run build",
  "deploy": "gh-pages -d build "
  

• 4-最後に次のコマンドを実行します。

   npm run deploy
  

（トップに戻る）

著者

？アブドゥル・アリ・ノーリ

• github： @ab-noori
• Twitter： @abdulalinoori4
• LinkedIn：Abdul-Ali-Noori

？将来の機能

• [ページについて追加]
• [連絡先ページを追加]

（トップに戻る）

？貢献

貢献、問題、機能のリクエストは大歓迎です！

問題のページを自由に確認してください。

（トップに戻る）

§サポートを表示します

このプロジェクトが気に入ったら、星を挙げてください。

（トップに戻る）

謝辞

マイクロバースとコーディングパートナーに感謝したいと思います。また、 Nerd's lesson YouTub Channelにクレジットを付けたいと思います。そのreact tutorialは本当に役立ちます。

（トップに戻る）

❓FAQ（オプション）

• モバイルフレンドリーにする方法は？

  • ヘッダーにビューポートタグを入れます

• サイトを設計する方法は？

  • コードを開始する前にモックアップを描画します

（トップに戻る）

ライセンス

このプロジェクトはMITライセンスです。

（トップに戻る）