MaterialHub Hactoberfest

テクノロジーマテリアルライブラリ

貴重な技術学習リソースを収集して共有するための美しいシングルページアプリケーション！お気に入りの技術資料、チュートリアル、ドキュメントなどをコミュニティと共有してください。

目的

Tech Materials Libraryは、開発者ができる共同プラットフォームとして機能します。

• 貴重な学習リソースを共有します
• ？新しい材料を発見してください
• ？§タグでコンテンツを整理します
• ？技術コミュニティの知識ベースに貢献します

⚡機能

• すべてのデバイスのレスポンシブデザイン
• 新しい素材を追加するときのリアルタイムの更新
• ？検索機能
• ？️タグベースの組織
• ？データの持続性のためのローカルストレージ
• ？§XSS保護
• 清潔で直感的なUI

使用されたテクノロジー

• HTML5
• CSS3
• JavaScript（ES6+）
• ローカルストレージAPI
• オブジェクト指向のプログラミング原則

はじめる

前提条件

• 最新のWebブラウザ
• リポジトリに出演しますか？
• ビジュアルスタジオコード（推奨）
• VSコードのライブサーバー拡張機能（推奨）

？

1. リポジトリをクローンします：

git clone https://github.com/GDG-On-Campus-ICTU/MaterialHub-Hactoberfest.git

プロジェクトディレクトリに移動します。

 cd tech-materials-library

VSコードで開く：

code .

VSコードにライブサーバー拡張機能をインストールします

vsコードの拡張機能アイコンをクリックします "live server"の検索ritwick deyによる拡張機能をインストールします

index.htmlを右クリックして、「ライブサーバーで開く」を選択します

アプリケーションはデフォルトのブラウザで実行されるようになりました！ ？ ？貢献する方法私たちは貢献を愛しています！これがあなたが助けることができる方法です：

1. リポジトリをフォークしますか？

このリポジトリの右上にある「フォーク」ボタンをクリックします

2. フォークをクローンしますか？

git clone https://github.com/GDG-On-Campus-ICTU/MaterialHub-Hactoberfest.git

3. ブランチを作成しますか？

git checkout -b your-name

4. 変更を加えてください✍️

新しい機能を追加します
バグを修正します
ドキュメントを改善します
スタイリングを強化します

5. あなたの変更をテストしますか？

変更が既存の機能を破らないようにしてください

さまざまな画面サイズでレスポンシブデザインを確認します

6. あなたの変更をコミットしますか？

git add .

git commit -m " Add awesome new feature "

7. Githubにプッシュします

git push origin your-name

8. プルリクエストを作成します

githubでフォークに移動します[新しいプルリクエスト "[新しいプルリクエスト]をクリックします。[変更]を明確に説明してブランチを[プルリクエストを送信します

コードスタイルのガイドライン

意味のある変数と関数名を使用する複雑なロジックにコメントを追加する一貫したインデンテーションキープ機能は小さく焦点を合わせています

？設計ガイドライン

既存の配色を維持するUI要素を一貫して保持

？注目の貢献者

？ライセンスこのプロジェクトは、MITライセンスに基づいてライセンスされています - 詳細については、ライセンスファイルを参照してください。謝辞

開発者が開発者向けに❤️で構築された驚くべき技術コミュニティに触発されたすべての貢献者に感謝します

キャンパスICT-UでGDGによって❤️で作られています

＃MaterialHub-HactoberFest