troddit

Troddit

Ein alternativer Front -End -Web -Client für Reddit

Live bei troddit.com

Screenshots

Flexible Spaltenansicht.

Gezeigtes Surfen eines Multi-Reddits. Subreddits -Bereich und Optionsmenü Öffnen.

Klassische Zeilenansicht

Mit Inline -Medienerweiterung und benutzerdefiniertem Reddit -Videoplayer

Öffnen Sie Beiträge mit Kommentaren an der Seite und verwenden Sie Pfeile für die Navigation

Suchen Sie nach Subreddits, Benutzern und Posts.

Im Einzelspaltenmodus mit breiter UI -deaktiviert gezeigt. Das Menü "Sortieren" ist geöffnet.

Vollständig reaktionsschnell, herunterladbar als PWA

Merkmale

• Sichere Anmeldungen mit Reddit, um das Abstimmen, Kommentieren, Verwalten Ihrer Subreddits und Multireddits (auch bekannt als Feeds) zu ermöglichen und auf Ihre persönliche Titelseite zugreifen zu können.
• 'Offline -Modus', um Subreddits zu befolgen und Multis ohne Anmeldung lokal zu verwalten. Autogeneriert eine persönliche Titelseite.
  • Besuchen Sie Ihre Subreddits Multi und kopieren Sie den MultiredDit -Link. Ersetzen Sie 'Reddit' durch 'troddit' in der URL und verwenden Sie dann die Option "All", um alle Subs schnell vor Ort zu befolgen.
• Suchen Sie Reddit nach Posts oder Subreddits schnell mit automatischer Vervollständigung.
• Filterbeiträge nach Type (Bilder, Video/GIFs, Links, Selbst)
• Stellen Sie Beiträge in einer Spalte, benutzerdefinierten Multi-Säulen-Layout oder einem einfachen Zeilenmodus anzeigen. Alle mit unendlichem Squolling.
• Wählen Sie Ihren Kartenstil aus: Original für den vollständigen Beitragstext in der Karte, kompakt, um Post -Text auszuschließen, oder Medien, um alle Text- und Kartenpolsterungen auszublenden.
• Galerieansicht: Klicken Sie auf einen Beitrag und navigieren Sie den Feed mit den Bildschirmschaltflächen oder Ihren Pfeiltasten durch den Feed. Zeigt die Post -Inhalte sowie seine Kommentare von Reddit an. Smart -Portrait -Modus, um vertikale Fotos und Videos automatisch neben Kommentaren zu ordnen.
• Maus über Reddit -Videos zum Spielen schweben. Aktivieren Sie die Option automatisch, Videos beim Eingeben des Ansichtsfensters automatisch abzuspielen. Aktivieren Sie die Audio -Option, um auch Sound bei Hover abzuspielen.
• Responsive Desktop und Mobile Layouts.
• PWA zum Herunterladen auf Ihren Computer oder Telefon.
• Docker -Unterstützung

Entwicklung

Klonen Sie das Repo und installieren Sie alle Pakete mit NPM oder Garn. Dann um den Entwicklungsserver auszuführen:

npm run dev
# or
yarn dev

Öffnen Sie http: // localhost: 3000 mit Ihrem Browser, um das Ergebnis zu sehen.

Erstellen Sie einen Beitrag zu erstellen und einzureichen eine PR!

Umgebungsvariablen

Um die Anmeldefunktionalität zu verwenden, müssen die folgenden Umgebungsvariablen in einer .Env.local -Datei definiert werden, die im Stammverzeichnis platziert ist:

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>

Um eine Reddit -App zu erstellen, besuchen Sie https://old.reddit.com/prefs/apps/. Die Umleitungs -URI sollte mit der Variablen reddit_redirect übereinstimmen.

Docker

Zum Bereitstellen des Docker -Images

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

Das Bild selbst aufbauen

Standardmäßig enthält der Docker Port 3000. Ändern Sie dies daher bei Bedarf innerhalb der Dockerfile. Wenn Sie fertig sind, verwenden Sie einfach die Dockerfile, um das Bild zu erstellen.

Klonen und zum Repository navigieren

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

Um das Bild zu erstellen und den Behälter auszuführen

docker-compose up

Oder einfach zu bauen

docker build . -t troddit

Dadurch wird das Troddit -Bild erstellt und die notwendigen Abhängigkeiten angerufen. Zu laufen:

docker run -p 3000:3000 troddit

Unterstützung

Wenn Sie das Projekt mögen, können Sie einen Stern teilen und verlassen. Wenn Sie sich großzügig fühlen, können Sie mich bei Ko-Fi unterstützen.