troddit

Troddit

Un cliente web alternativo de front -end para Reddit

Live en Troddit.com

Capturas de pantalla

Visualización de columnas flexible.

Se muestra navegando por un múltiple reddit. Panel subreddits y menú Opciones abiertas.

Vista de filas clásicas

con expansión de medios en línea y reproductor de video Reddit personalizado

Abra las publicaciones con comentarios al lado y use flechas para la navegación

Busque subreddits, usuarios y publicaciones.

Se muestra en modo de columna única con UI amplia deshabilitada. El menú de las opciones de clasificación está abierto.

Totalmente receptivo, descargable como PWA

Características

• Asegure los inicios de sesión con Reddit para habilitar la votación, comentar, administrar sus subreddits y múltiples dits (también conocidos como alimentos) y acceder a su página principal personal.
• 'Modo fuera de línea' para seguir subreddits y administrar múltiples localmente sin iniciar sesión. Autogenera una página principal personal.
  • Visite sus subreddits Multi y copie el enlace MultiredDIT. Reemplace 'reddit' con 'troddit' en la URL y luego use la opción 'unir todo' para seguir rápidamente todos los subs localmente.
• Busque en Reddit para publicaciones o subreddits rápidamente con Auto-Complete.
• Publicaciones de filtro por tipo (imágenes, video/gifs, enlaces, uno mismo)
• Ver publicaciones en una sola columna, multi-columna personalizada con un diseño de masonería de cuadrícula o un modo de fila simple. Todo con descripción infinita.
• Elija el estilo de su tarjeta: original para el texto de publicación completo en la tarjeta, compacto para excluir el texto de la publicación o los medios para ocultar todo el texto y el relleno de la tarjeta.
• Vista de la galería: haga clic en una publicación y navegue a través de la alimentación con los botones de la pantalla o las teclas de flecha. Muestra el contenido de la publicación, así como sus comentarios de Reddit. Modo de retrato inteligente para organizar automáticamente fotos y videos verticales al lado de los comentarios.
• Hover Mouse sobre videos de Reddit para reproducir. Habilite la opción de AutOplay para reproducir videos automáticamente al ingresar a la vista. Habilite la opción de audio para reproducir el sonido en Hover también.
• Diseños de escritorio y móviles receptivos.
• PWA descargar a su computadora o teléfono.
• Soporte de Docker

Desarrollo

Clone el repositorio e instale todos los paquetes con NPM o hilo. Luego para ejecutar el servidor de desarrollo:

npm run dev
# or
yarn dev

Abra http: // localhost: 3000 con su navegador para ver el resultado.

Para contribuir, cree una rama y envíe un PR!

Variables de entorno

Para usar la funcionalidad de inicio de sesión, las siguientes variables de entorno deben definirse en un archivo .env.local colocado en el directorio raíz:

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 crear una aplicación Reddit, visite https://old.reddit.com/prefs/apps/. El URI de redirección debe coincidir con la variable reddit_redirect.

Estibador

Para implementar la imagen de Docker

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

Para construir la imagen usted mismo

Por defecto, el Docker expondrá el puerto 3000, así que cambie esto dentro del DockerFile si es necesario. Cuando esté listo, simplemente use el DockerFile para construir la imagen.

Clon y navegar al repositorio

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

Para construir la imagen y ejecutar contenedor

docker-compose up

O simplemente construir

docker build . -t troddit

Esto creará la imagen TRODDIT y extraerá las dependencias necesarias. Para correr:

docker run -p 3000:3000 troddit

Apoyo

Si le gusta el proyecto, no dude en compartir y dejar una estrella. Si te sientes generoso, puedes apoyarme en Ko-Fi.