Reddit Replica Frontend Copy

読み聞かせFE

---

目次

• について
• ウェブサイトのスクリーンビデオ
• ウェブサイトの特徴
• ドライブリンク
• プロジェクトのセットアップ
• 貢献者

について

• reddit のフロントエンド部分を模倣するプロジェクト。
• Reddit は、ソーシャル ニュースの集約、コンテンツの評価、ディスカッション Web サイトです。登録ユーザー (一般的に「Redditor」と呼ばれます) は、リンク、テキスト投稿、画像、ビデオなどのコンテンツをサイトに送信し、他のメンバーによって賛成または反対の投票が行われます。投稿は、「コミュニティ」または「サブレディット」と呼ばれるユーザー作成の掲示板に主題ごとに編成されます。より多くの賛成票を獲得した投稿は、サブレディットの上部に表示され、十分な賛成票を獲得した場合、最終的にはサイトのトップページに表示されます。 Reddit 管理者はコミュニティを管理します。モデレーションはコミュニティ固有のモデレーターによっても行われます

ウェブサイトのスクリーンビデオ:

ログイン

SW1.mp4

コメントの追加

SW2.mp4

投稿の作成

SW3.mp4

ユーザーページ

SW4.mp4

ユーザー設定

SW5.mp4

メッセージと通知

SW6.mp4

リーダーボードとサブレディットページ

SW7.mp4

モデレーションページ

SW8.mp4

投稿の検索と共有

SW9.mp4

ドライブリンク:

https://drive.google.com/drive/folders/1hYpEu922aeDHHsKUyx9lVgx0AeykMJJg

ウェブサイトの特徴:

• 認証
• 投稿とコメントを作成、更新、共有、削除します。
• あらゆる種類の投稿を作成します (テキスト、リンク、1 つ以上の画像のドラッグ アンド ドロップ、ビデオのドラッグ アンド ドロップ)。
• 投稿やコメントに賛成票/反対票を投じます。
• ネストされたコメントのスレッド。
• ホーム ページ フィード (フロント ページ)。
• Subreddit 固有のフィード。
• サブレディットを作成します。
• サブレディットに参加します。
• 禁止、ミュート、承認を追加し、ユーザーをサブレディットのモデレーターに招待します。
• モデレーターになるユーザーの招待を受け入れます。
• 私のサブレディットのトラフィックステータスを参照してください。
• 私のページで私の投稿、コメント、履歴などを表示します。
• アバターを変更し、バナーを追加します。
• ...そしてさらに！

プロジェクトを実行するための主なコマンド:

プロジェクトのセットアップとパッケージのインストール

 npm install

開発用のコンパイルとホットリロード

 npm run serve

デフォルトでプロジェクトをポート:8081 で実行します。

実稼働用にコンパイルおよび縮小します

 npm run build

プロジェクトは、ビルド後、同じディレクトリの下の/distフォルダーにあります。

単体テストを実行する

 npm run test

このコマンドはすべての単体テストを実行します。

カバレッジレポートの生成

 npm run coverage

このコマンドは、すべてのコンポーネントの詳細を含むカバレッジ レポートのindex.html を生成します。生成されたカバレッジ レポートは、/coverageの下のプロジェクト ディレクトリにあります。

モックサーバーを実行する

 npm run json

ポート:3000 で実行

機能文書レポートの生成

 vuese gen

プロジェクト ディレクトリの/websiteフォルダーにレポートを生成するには

ストアの機能文書レポートを生成する

 npm run jsdoc

プロジェクト ディレクトリの/outフォルダーにレポートを生成するには

ファイルのリントと修正

 npm run lint

よりきれいなファイルとそれを修正する

 npm run prettier

貢献者

アスマー・アデル

メナタル ホッサマルデン

ノーハン・レダ

ホダガマル

アブダルハメデマド

カリム・サケル