Made an app, lets you find all your reddit saves (100% open source)

Made an app, lets you find all your reddit saves (100% open source)

Made an app, lets you find all your reddit saves (100% open source)

Originally published at https://www.reddit.com

So...3 months ago I started re-learning the basics of html/css/javascript. 2 months ago I made this todo app to learn react, and not long after I started this project to learn redux. I knew I didn't like the reddit saved page because what the hell, I can't even see all my saves, let alone try to find the 800th one. Other people must be kind of annoyed by that too, right? Well...someone should fix that right? Well...wait, can I do that? Hmm...I knew 3 git commands, my crown jewel was my todo app, and the reddit api docs looked like hieroglyphics. Err...well if I can just figure these docs out...

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.

Link: Mysaves.app

Thanks for reading

If you liked this post, share it with all of your programming buddies!

Follow us on Facebook | Twitter

Further reading about React

React - The Complete Guide (incl Hooks, React Router, Redux)

Modern React with Redux [2019 Update]

Best 50 React Interview Questions for Frontend Developers in 2019

JavaScript Basics Before You Learn React

Microfrontends — Connecting JavaScript frameworks together (React, Angular, Vue etc)

Reactjs vs. Angularjs — Which Is Best For Web Development

React + TypeScript : Why and How

How To Write Better Code in React

React Router: Add the Power of Navigation

Getting started with React Router

Using React Router for optimizing React apps


reactjs redux javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How to implement Redux Saga with ReactJS and Redux?

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.

Should I Use Redux?

Starting a new application means drawing out a blueprint of what you want it to look like, and thinking about how you are going to implement whatever you are going to do before you even write any code. As a JavaScript developer, I often find myself questioning whether or not I’ll need to use Redux.

How to implement redux-saga with ReactJS and Redux [TUTORIAL]

In this article, we will go throug theory about state, state management tools like Redux, middleware, Redux Thunk and Redux Saga.

Redux Tutorial - Learn Redux from Scratch

Redux Tutorial - Learn Redux from Scratch - You'll learn: What is Redux? What is Functional Programming? Higher-order Functions; Functional Composition; Redux Architecture... Redux - A Predictable State Container for JS Apps. Redux is an open-source JavaScript library for managing application state. It is most commonly used with libraries such as React or Angular for building user interfaces. Similar to Facebook's Flux architecture, it was created by Dan Abramov and Andrew Clark.

Top Startups and Enterprises Using ReactJS

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.