내 최종 프로젝트

인터넷 연결 없이 Reddit을 읽을 수 있는 데스크톱 앱을 만들었습니다.

게시물 및 댓글을 포함하여 오프라인에서 읽을 하위 레딧을 사전 다운로드합니다.

디자인을 맡은 Sidhya Tikku과 함께 만들었고 코드는 내가 작성했습니다.

데모 링크

코드 링크

kx-첸 / 배낭

Backpack Reader - 인터넷 연결 없이 Reddit을 읽습니다.

백팩 리더

Backpack Reader는 오프라인 상태에서 Reddit을 다운로드하고 읽을 수 있는 데스크톱 앱입니다.

설치

먼저 git을 통해 저장소를 복제합니다.
그런 다음 원사를 사용하여 종속성을 설치합니다.

$ cd Backpack
$ yarn

개발 시작

dev 환경에서 앱을 시작합니다.

$ yarn dev

생산을 위한 포장

로컬 플랫폼용 앱을 패키징하려면:

$ yarn package

테스트 실행

이 프로젝트는 Jest를 테스트 러너로 사용합니다.$ yarn test

엔드투엔드 테스트

곧 출시됩니다.

코드 구조/기술 스택

app/Backpack Reader의 기본 JavaScript 코드입니다. 컴포넌트는 React로 빌드됩니다.
기술 스택:

리액트

리덕스

제스트

기여

모든 기여, 끌어오기 요청 및 피드백을 환영합니다! 모든 종류의 로스팅 환영

향후 계획

엔드투엔드 테스트.

저자 및 감사의 말

Sidhya Tikku - 디자인 작업

Kai Chen - 프로그래밍 작업

이 프로젝트에 참여한 contributors 목록도 참조하십시오.



View on GitHub

빌드 방법(스택이 무엇입니까? 도중에 문제가 발생했거나 새로운 것을 발견했습니까?)

Electron, React 및 Redux로 구축되었습니다. 그 과정에서 JavaScript, React 및 Yarn에 더 익숙해졌습니다.

한 화면에서는 Reddit을 보고 다른 화면에서는 눈으로 CSS를 다시 만들어 보는 것이 흥미롭고 재미있었습니다.

너무 많은 멋진 라이브러리가 사용되지 않았고 대부분의 코드(네비바/사이드바와 같은)가 처음부터 만들어졌습니다. 주로 API 요청에 node-fetch를 사용하고 로컬에서 파일을 관리하는 데 node-fs-extra를 사용합니다.

우리가 직면한 문제 중 하나는 협업이었습니다. 저는 캐나다에 살고 Sidhya는 인도에 살고 있기 때문에 Zoom 통화 일정을 밤늦게 예약해야 했습니다.

추가 생각 / 감정 / 이야기

이것이 멋진 아이디어라고 생각한다면 GitHub에서 별표를 주면 우리에게 세상을 의미할 것입니다!

https://github.com/kx-chen/Backpack