troddit

troddit

Reddit用の代替フロントエンドWebクライアント

troddit.comに住んでいます

スクリーンショット

柔軟な列視聴。

マルチレッドディットを閲覧することが表示されます。 subredditsペインとオプションメニューが開いています。

古典的な行ビュー

インラインメディアの拡張とカスタムRedditビデオプレーヤー

横にコメントが付いた投稿を開き、ナビゲーションに矢印を使用します

subreddits、ユーザー、および投稿を検索します。

広いUI無効になったシングルカラムモードで表示されます。ソートオプションメニューが開いています。

完全に応答性があり、PWAとしてダウンロード可能

特徴

• Redditを使用した安全なログインを使用して、投票、コメント、サブレッドディットとマルチレッドディットの管理（別名フィード）、および個人のフロントページへのアクセスを有効にします。
• 「オフラインモード」は、subredditsに従い、ログインせずにマルチをローカルに管理します。個人的なフロントページを自動生成します。
  • subredditsマルチにアクセスして、MultiredDitリンクをコピーします。 URLの「Reddit」を「Troddit」に置き換え、「結合」オプションを使用して、すべての潜水艦をローカルにすばやく追跡します。
• 自動コンプリートでredditまたはsubredditをすばやく検索します。
• タイプごとに投稿をフィルターします（画像、ビデオ/GIF、リンク、自己）
• シングル列の投稿を表示、グリッドメイソンのレイアウトを備えたカスタムマルチコラム、または単純な行モードを表示します。すべてが無限のスクロールを備えています。
• カードスタイルを選択します：カードの完全な投稿テキストのオリジナル、ポストテキストを除外するコンパクト、またはすべてのテキストとカードパディングを非表示にするメディア。
• ギャラリービュー：投稿をクリックして、画面のボタンまたは矢印キーを使用してフィードをナビゲートします。 Redditからのコメントと同様に、投稿のコンテンツを表示します。スマートポートレートモードでは、垂直の写真やビデオを自動的にコメントで並べて配置します。
• 再生するためにRedditビデオの上にマウスをホバーします。 ViewPortを入力するときに自動的にビデオを再生するオプションオプションを有効にします。オーディオオプションがホバーでサウンドを再生できるようにします。
• レスポンシブデスクトップおよびモバイルレイアウト。
• コンピューターまたは電話にダウンロードするPWA。
• Dockerサポート

現像

レポをクローンし、NPMまたは糸ですべてのパッケージをインストールします。その後、開発サーバーを実行します。

npm run dev
# or
yarn dev

http：// localhost：3000を開き、ブラウザを使用して結果を確認します。

貢献するには、ブランチを作成し、PRを提出してください！

環境変数

ログイン機能を使用するには、次の環境変数をルートディレクトリに配置した.env.localファイルで定義する必要があります。

CLIENT_ID= < ID of your Reddit app >
CLIENT_SECRET= < Secret from your Reddit app >
REDDIT_REDIRECT= < YOUR DOMAIN/api/auth/callback/reddit >
NEXTAUTH_SECRET= < See https://next-auth.js.org/configuration/options#secret >
NEXTAUTH_URL=http://localhost:3000
SIGNING_PRIVATE_KEY= < See https://next-auth.js.org/v3/warnings, Generate with $jose newkey -s 256 -t oct -a HS 512>

Redditアプリを作成するには、https：//old.reddit.com/prefs/apps/にアクセスしてください。リダイレクトURIは、Reddit_redirect変数と一致する必要があります。

Docker

Docker画像を展開します

docker pull bsyed/troddit
docker run -d --name troddit -p 3000:3000 bsyed/troddit

自分でイメージを構築する

デフォルトでは、Dockerはポート3000を公開するため、必要に応じてDockerFile内でこれを変更します。準備ができたら、DockerFileを使用して画像を作成します。

クローンとリポジトリに移動します

git clone https://github.com/burhan-syed/troddit
cd troddit

画像を構築し、コンテナを実行します

docker-compose up

または単に構築する

docker build . -t troddit

これにより、trodditイメージが作成され、必要な依存関係が引き込みます。実行する：

docker run -p 3000:3000 troddit

サポート

プロジェクトが好きなら、お気軽に共有して星を離れてください。あなたが寛大に感じているなら、あなたはKO-Fiで私をサポートすることができます。