troddit

Троддит

Альтернативный веб -клиент спереди для Reddit

Live at troddit.com

Скриншоты

Гибкий просмотр столбца.

Показан просмотр мульти-красного. SubredDits Pane и Menu Options Open.

Классические ряды вид

с встроенным медиа -расширением и пользовательским видеоплеером Reddit

Откройте сообщения с комментариями в сторону и используйте стрелки для навигации

Поиск субреддитов, пользователей и постов.

Показано в режиме с одним столбцом с отключенным широким пользовательским интерфейсом. Меню «Параметры сортировки» открыто.

Полностью отзывчивый, загружаемый как PWA

Функции

• Безопасные вход в Reddit, чтобы включить голосование, комментировать, управлять вашим субреддитами и мультиреддитов (aka ленты), и доступ к вашей личной первой странице.
• «Офлайн режим», чтобы следить за субреддитами и управлять Multis Locally без входа в систему. Автогенерирует личную первую страницу.
  • Посетите свои Subreddits Multi и скопируйте ссылку MultiedDit. Замените «reddit» на «Troddit» в URL, а затем используйте опцию «соединить все», чтобы быстро следовать за всеми субъектами.
• Быстро ищите Reddit для сообщений или субреддитов с помощью автоматического полного.
• Фильтруя посты по типу (изображения, видео/GIF -файлы, ссылки, сами)
• Просмотреть посты в отдельном столбце, пользовательский мультиколм с макетом сетки и в режиме простого строки. Все с бесконечным прокрутком.
• Выберите стиль своей карты: оригинал для полного текста в карте, компактно, чтобы исключить текст сообщения или носитель, чтобы скрыть все текстовые и карты.
• Просмотр галереи: нажмите на пост и перейдите по каналу с помощью кнопок на экране или клавишами со стрелками. Показывает контент Post, а также его комментарии от Reddit. Умный портретный режим для автоматического распоряжения вертикальными фотографиями и видео рядом с комментариями.
• Наведите мыши над видео Reddit, чтобы играть. Включите опцию Autoplay для автоматического воспроизведения видео при входе в просмотр. Включите вариант звука воспроизводить звук на пахни.
• Отзывчивый настольный компьютер и мобильные макеты.
• PWA, чтобы скачать на ваш компьютер или телефон.
• Поддержка Docker

Развитие

Клонировать репо и установите все пакеты с помощью NPM или пряжи. Затем запустить сервер разработки:

npm run dev
# or
yarn dev

Откройте http: // localhost: 3000 с вашим браузером, чтобы увидеть результат.

Чтобы внести свой вклад, создать филиал и отправить PR!

Переменные среды

Для использования функциональности входа в систему должны быть определены следующие переменные среды в.

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/. Redirect URI должен соответствовать переменной reddit_redirect.

Докер

Чтобы развернуть изображение 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.