troddit

Troddit

Um cliente da Web de front -end alternativo para Reddit

Live em troddit.com

Capturas de tela

Visualização flexível da coluna.

Mostrado navegando um multi-reddit. Subreddits Pane e menu Opções abrem.

Visualização clássica de linhas

Com expansão de mídia embutida e player de vídeo personalizado do Reddit

Abra postagens com comentários ao lado e use setas para navegação

Pesquise por subreddits, usuários e postagens.

Mostrado no modo de coluna única com interface do usuário larga desativada. O menu de opções de classificação está aberto.

Totalmente responsivo, download como PWA

Características

• Segure os logins com o Reddit para permitir a votação, comentar, gerenciar seus subreddits e multirdits (também conhecidos como feeds) e acesso à sua primeira página pessoal.
• 'Modo offline' para seguir os subreddits e gerenciar multis localmente sem login. Autogerantes uma primeira página pessoal.
  • Visite seus subredits multi e copie o link MultiredDit. Substitua 'Reddit' por 'troddit' no URL e use a opção 'Junte -se a todos' para seguir rapidamente todos os subs localmente.
• Pesquise o Reddit por postagens ou subreddits rapidamente com o complemento automático.
• Filter postagens por tipo (imagens, vídeo/gifs, links, self)
• Veja postagens em coluna única, multi-coluna personalizada com um layout de masonaria de grade ou um modo de linha simples. Tudo com rolagem infinita.
• Escolha o estilo do seu cartão: Original para o texto completo da postagem no cartão, compacto para excluir o texto post ou mídia para ocultar todo o término do texto e do cartão.
• Visualização da galeria: Clique em uma postagem e navegue pelo feed com botões na tela ou nas teclas de seta. Mostra o conteúdo da postagem e seus comentários do Reddit. Modo de retrato inteligente para organizar automaticamente fotos verticais e vídeos lado a lado com comentários.
• Mouse mouse sobre vídeos do Reddit para jogar. Ative a opção AutoPlay para reproduzir vídeos automaticamente ao inserir a viewport. Habilite a opção de áudio para reproduzir o som no mouse também.
• Layouts de desktop e móveis responsivos.
• PWA para baixar para o seu computador ou telefone.
• Suporte do Docker

Em desenvolvimento

Clone o repositório e instale todos os pacotes com NPM ou fios. Então, para executar o servidor de desenvolvimento:

npm run dev
# or
yarn dev

Abra http: // localhost: 3000 com seu navegador para ver o resultado.

Para contribuir, crie uma filial e envie um PR!

Variáveis de ambiente

Para usar a funcionalidade de login, as seguintes variáveis de ambiente precisam ser definidas em um arquivo .env.local colocado no diretório raiz:

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>

Para criar um aplicativo Reddit, visite https://old.reddit.com/prefs/apps/. O URI de redirecionamento deve corresponder à variável reddit_redirect.

Docker

Para implantar a imagem do Docker

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

Para construir a imagem você mesmo

Por padrão, o Docker exporá a porta 3000; portanto, altere isso dentro do Dockerfile, se necessário. Quando estiver pronto, basta usar o Dockerfile para construir a imagem.

Clonar e navegar para o repositório

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

Para construir a imagem e executar o contêiner

docker-compose up

Ou apenas construir

docker build . -t troddit

Isso criará a imagem do troddit e puxará as dependências necessárias. Para correr:

docker run -p 3000:3000 troddit

Apoiar

Se você gosta do projeto, fique à vontade para compartilhar e deixar uma estrela. Se você está se sentindo generoso, pode me apoiar no Ko-Fi.