Made an app, lets you find all your reddit saves (100% open source)
Originally published at https://www.reddit.com
And now, a couple months later, you, me, everyone, can filter their saves at the blink of an eye. 80% of the source code for the app I didn't know how to write before I started...but I was eager to learn. Mysaves.app is 100% open source, and I did my best to make the code easy to read. The web app works on all devices when accessed via Chrome or Firefox. It would be cool if safari was included, so if anyone is feeling generous and has an ios device check out the contributing part of the docs. Since I'll be job hunting soon, and I haven't built a portfolio website yet most of my time in the coming weeks will be spent on that. If there is any interest in this project after I do that I'll look into refining the app further. Next steps would be to add safari support, a jump to top button, and an unsave button.
Oh...and I guess I should say a few more things regarding the app... The All Saves tab is in chronological order of when you saved something, the same as normal reddit. The threads and comments tabs auto sort your saves by their subreddit in alphabetical order so you can quickly find things by scanning the page. In terms of the design it's pretty basic, and...I like it that way. Mysaves.app is a place to just go and find your stuff quickly and I didn't want design to get in the way of functionality. The fade in on page load is partly to learn animations and partly to offset the perceived time it takes to fetch your saves from reddits api.
Thanks for reading ❤
If you liked this post, share it with all of your programming buddies!
In this article, I’d like to tell you more about the Redux library and create a simple ReactJS project, where I’ll set up a Redux step by step.
In this article, we will go throug theory about state, state management tools like Redux, middleware, Redux Thunk and Redux Saga.
React is a framework released by Facebook for creating Single Page Applications (SPA). What is a Single Page Application? Most web applications are traditionally server-side applications. The server holds the business logic, stores data, and renders the website to the client. When a client clicks on a link, it sends a request to the server, and the server will handle this request and send back a response with HTML code which the browser will render and be viewed by the user.