troddit

트로 디트

Reddit의 대체 프론트 엔드 웹 클라이언트

troddit.com에서 살고 있습니다

스크린 샷

유연한 열보기.

멀티 레딧을 탐색하는 것으로 나타났습니다. 서브 레딧 창 및 옵션 메뉴가 열려 있습니다.

클래식 행보기

인라인 미디어 확장 및 맞춤형 레딧 비디오 플레이어

측면에 댓글이있는 게시물을 열고 내비게이션에 화살표를 사용합니다.

하위 구역, 사용자 및 게시물을 검색하십시오.

넓은 UI 비활성화 된 단일 열 모드로 표시됩니다. 정렬 옵션 메뉴가 열려 있습니다.

완전 반응 형, PWA로 다운로드 할 수 있습니다

특징

• Reddit으로 보안 로그인을 보장하여 투표, 댓글 작성, 서브 레드 및 멀티브드 듀트 (일명 피드) 관리 및 개인 프론트 페이지에 대한 액세스를 가능하게합니다.
• '오프라인 모드'는 서브 레딧을 따르고 로그인없이 로컬로 멀티를 관리합니다. 개인 프론트 페이지를 자극합니다.
  • 하위 구역을 방문하여 MultiredDit 링크를 복사하십시오. URL의 'Reddit'을 'Troddit'으로 바꾸고 'All All'옵션을 사용하여 모든 서브를 로컬로 빠르게 팔로우하십시오.
• 자동 완성으로 게시물 또는 하위 구분 자리에 대한 Reddit을 검색하십시오.
• 유형별 필터 게시물 (이미지, 비디오/gif, 링크, 자체)
• 단일 열에서 게시물, 그리드 매손 레이아웃이있는 사용자 정의 멀티 컬럼 또는 간단한 행 모드를 봅니다. 무한 스크롤링이 있습니다.
• 카드 스타일을 선택하십시오 : 카드의 전체 게시물 텍스트의 원본, 포스트 텍스트를 제외하는 소형 또는 모든 텍스트 및 카드 패딩을 숨기려는 미디어를 선택하십시오.
• 갤러리보기 : 게시물을 클릭하고 화면 버튼 또는 화살표 키를 사용하여 피드를 탐색하십시오. Reddit의 의견뿐만 아니라 게시물 내용을 보여줍니다. 스마트 초상화 모드는 수직 사진과 비디오를 나란히 주석으로 배열합니다.
• 재생하려면 레딧 비디오를 통해 마우스를 호버합니다. 뷰포트를 입력 할 때 자동으로 동영상을 재생하려면 자동 재생 옵션을 활성화하십시오. 오디오 옵션을 사용하여 호버에서 사운드를 재생하십시오.
• 반응 형 데스크탑 및 모바일 레이아웃.
• PWA는 컴퓨터 나 전화로 다운로드합니다.
• 도커 지원

개발

레포를 복제하고 모든 패키지를 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 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에서 나를 지원할 수 있습니다.