Bookmarker

https://bookmarker.site

Pinterest + Pocket = Bookmarker

This app didn't need to be built, but was a fun excuse to experiment with new technologies.

As a web developer I wanted:

• Something simple to help me save articles and videos for later consumption, similar to Pocket but without the special reading view (code snippets never show up right).
• Something to help me curate all the documentation, app/tools, and open source code I find useful. After describing this to my GF she rolled her eyes and said, "You mean Pinterest?"

Installing Bookmarker

ATTENTION!!! For now, the Share Target stuff ONLY works on Android Chrome.

Bookmarker is a Progressive Web App (PWA) you can install on your phone just by visiting the website.

1. Go to https://bookmarker.site on your mobile phone.
2. You will be prompted to add Bookmarker to your home screen. Do it.

Once added to the Home screen, the app will be "installed" and Bookmarker will become a "Share Target" on your phone. Now anytime you are reading an article you want to save for later, you can share it to Bookmarker.

Using Bookmarker

• When you add a new bookmark url, Bookmarker will automatically attempt to pull in the title, description, and image for that url
• You place bookmarks in a "Collection" (like a folder). These collections are what show on your home screen.
• You can tag your bookmarks, then click a tag to see all bookmarks with that tag
• Autotagging: Bookmarker will automatically apply any existing Tags it finds in a Title or Description.

Bookmarker Chrome Bookmarklet

You can create a bookmark with the following code as the url and it will automatically pop open the new Bookmark form with the current page's url. I put mine in the the bookmark bar for easy access.

javascript: function()%7Bwindow.open(%22https%3A%2F%2Fbookmarker.site%2Fnew%3Furl%3D%22%20%2B%20window.location.href)%7D)()

Technology Stack

• Platform - PWA
• Auth - Firebase Auth w/ Logins for Google, Facebook, and Microsoft
• Persistence - Cloud Firestore
• Backend - NONE
• React
• Styled Components
• Ionic Components
• Web Share Target API

Maybe someday

1. Chome Extension so you can quickly bookmark links when on your computer.
2. Improve the search experience so it is easier to find the bookmark you are looking for.