math_magicians

math_magicians

デスクトップビューの表現

?目次

• プロジェクトについて
  • ?で構築
    • 技術スタック
    • 主な特長
  • ライブデモ
• はじめる
  • 設定
  • 前提条件
  • インストール
  • 使用法
  • テストの実行
  • 導入
• 著者
• ?将来の機能
• ?貢献する
• ️ あなたのサポートを示してください
• 謝辞
• ❓ FAQ (オプション)
• ライセンス

[ math_magicians ]

[ math_magicians ] は数学ファンのための Web サイトです。これは React.JS ライブラリを使用して作成されたシングル ページ アプリ (SPA) で、ユーザーが簡単な計算を行ったり、数学関連のランダムな引用を読んだりできるようにします。

?で構築

技術スタック

• クライアント
  • HTML
  • CSS
  • JavaScript
  • ReactJS
  • API

主な特長

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

(トップに戻る)

ライブデモ

• Gh-pages のライブデモ
• レンダリング時のライブデモ

(トップに戻る)

はじめる

ローカル コピーを起動して実行するには、次の手順に従います。

前提条件

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

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

設定

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

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

  math_magicians.git">

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

インストール

• このプロジェクトを次のようにインストールします。

   npm react-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- プロジェクトの jason ファイルに'homepage'を追加します。

   "homepage": "https://ab-noori.github.oi/math_magicians",
  

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

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

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

   npm run deploy
  

(トップに戻る)

著者

?アブドゥル・アリ・ヌーリ

• GitHub: @ab-noori
• Twitter: @AbdulAliNoori4
• LinkedIn: アブドゥル・アリ・ヌーリ

?将来の機能

• [Aboutページを追加]
• [連絡先ページを追加]

(トップに戻る)

?貢献する

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

ぜひ問題ページをチェックしてください。

(トップに戻る)

️ あなたのサポートを示してください

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

(トップに戻る)

謝辞

Microverse とコーディング パートナーに感謝します。また、 Nerd's lesson YouTube チャンネルの功績も称えたいと思います。 react tutorialは本当に役に立ちます。

(トップに戻る)

❓ FAQ (オプション)

• モバイルフレンドリーにするにはどうすればよいですか?

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

• サイトをどのようにデザインするか?

  • コーディングを始める前にモックアップを描く

(トップに戻る)

ライセンス

このプロジェクトは MIT ライセンスを受けています。

(トップに戻る)