DEV Community

loading...
Cover image for Read Reddit without an internet connection

Read Reddit without an internet connection

kxchen profile image Kai Chen ・2 min read

My Final Project

I built a desktop app for reading Reddit without an internet connection.

Pre-download subreddits to read offline, including posts and their comments.

I built it with Sidhya Tikku who did the design, with the code being written by me.

Demo Link

Alt Text
Alt Text

Link to Code

GitHub logo kx-chen / Backpack

Backpack Reader - Read Reddit without an internet connection.

Backpack Reader

Build Status

Backpack Reader is a desktop app for downloading and reading Reddit while offline.

Dashboard view

Sidebar shrunk

Search for subreddit

Post detail

Install

First, clone the repo via git. And then install the dependencies with yarn.

$ cd Backpack
$ yarn

Starting Development

Start the app in the dev environment.

$ yarn dev

Packaging for Production

To package apps for the local platform:

$ yarn package

Running Tests

This project uses Jest as the test runner.

$ yarn test

End to End Tests

Coming soon.

Code Structure/Tech Stack

app/

Main JavaScript code for Backpack Reader. Components are built with React.

Tech Stack:

  • React
  • Redux
  • Jest

Contributions

All contributions, pull requests, and feedback welcome! Roasts of all kinds welcome

Future Plans

  • End to End tests.

Authors and Acknowledgement

See also the list of contributors who participated in this project.




How I built it (what's the stack? did I run into issues or discover something new along the way?)

Built with Electron, React, and Redux. Got more familiar with JavaScript, React, and Yarn along the way.

It was interesting and fun to look at Reddit on one screen and try to recreate its CSS by eyeball on the other.

Not too many fancy libraries were used, most of the code (like the navbar/sidebar) were created from scratch. Mostly using node-fetch for API requests, and node-fs-extra for managing files locally.

One of the challenges that we faced was collaborating. I live in Canada and Sidhya lives in India, so we had to schedule our Zoom calls at late in the night.

Additional Thoughts / Feelings / Stories

If you think this is a cool idea, it would mean the world to us if you gave a star on GitHub!

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

Discussion (15)

pic
Editor guide
Collapse
angussmith2002 profile image
angussmith2002

Wow this is awesome, and I have a suggestion as well! Perhaps, when you open Backpack Reader, you could have it automatically play the song "Aries - Racecar". I feel like this would add another dimension of "cool" to this project. Anywho, keep up the great work!

Toodaloo!

Collapse
cliu13 profile image
Charlie Liu

Nice job! :)

Collapse
kxchen profile image
Kai Chen Author

Thanks Charlie! ;)

Collapse
skitroll123 profile image
Scotty

I think that this is a really nice idea! Very cool

Collapse
visualmov profile image
Ryan

This is a really cool idea! Nice job.

Collapse
kxchen profile image
Kai Chen Author

Thank you, Ryan!

Collapse
navyseelxd profile image
navyseelxd

Very Nice!!!!

Collapse
bayuangora profile image
Bayu Angora

Nice project. It's good if can be implemented for another social media.

Collapse
kxchen profile image
Kai Chen Author

Hey Bayu, this is definitely planned! Thank you for the suggestion.

Collapse
kewbish profile image
Emilie Ma

Super cool :)

Collapse
kxchen profile image
Kai Chen Author

Thanks Emilie!

Collapse
ryn5 profile image
ryn5 • Edited

Amazing idea! Having a Readit I can bring around in my backpack is going to be an absolute game changer! Thank you so much for your contribution to this country, young man! I will be sharing this with my entire family! So cute!!! Hugs and kisses from Azerbaijan! 😘

Collapse
colbykwan123 profile image
colbykwan123 • Edited

if i were u i would just restart its too complicated i cant understand it please next time up your game a little it kinda sucks, its ok since you are still in high school but in the real world you might want to think ahead a little more , how is this going to be profitable ? the answer is it is not !! please work on your brain game.

Collapse
kxchen profile image
Kai Chen Author

Thank you for the constructive feedback. I will work on my brain game.

Collapse
th0g profile image
Comment marked as low quality/non-constructive by the community. View Code of Conduct
th0g

thog dont caare