recall-photos / recall-app

🖼️ An open-source and decentralized alternative to Google Photos built on top of Blockstack

Recall 📸

(This is still a working in progress so please do not use in production.)

Recall is an open-source and decentralized alternative to Google Photos built on top of Blockstack. Photos are stored encrypted with the user's private key and therefore not accessible to anyone else.

Features

• Private and free - No one but you has access to your photos
• Simple to use - Login via Blockstack auth and start uploading your photos
• Open source - All our code is open sourced on Github
• No storage lock-in - Change your storage provider at any time
• Search your photos - You will be able to search your photos by location, time and other data
• Share with friends - Share your photos with others, without losing any of the privacy benefits

Contribute

Setup

To install all packages with yarn

yarn install

Development

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Lints and fixes files

yarn run lint

Guidelines

All PRs and contributions are welcomed!

Work in progress 🏗

Project board

You can keep track of what is happening on this project by heading over to our project board here on github.

Roadmap

To get an overview of our quarterly status head over to our roadmap.

License

recall-app is under the GPLv3 and the MPLv2 license.

See LICENSE for more license info.

---

Made at Done Sunday 🌞 by @alvesjtiago and @jackveiga.

Join us on Discord to help shape Recall's future.

recall-app's Issues

Create open page to be transparent on our numbers

Would be good to add an open page to showcase our numbers.

Problems with this are that we don't want to intrude into our users' privacy to get metrics such as usage (or how they are using Recall). Current metrics I can think off such as number of installations by https://theblockstats.com but this might be changing as some users are also developing some more offerings on this field.

We might also consider to showcase our numbers? since the app mining data is public I don't see why we can't show how much we get from the program/donations or even our costs (illustrations and infra come to mind).

Mass import photos to recall?

Hi, I downloaded this app because I'm always on the lookout for more open-source projects to support. I want to try moving all of my photo and video library on recall, but as of right now, on my iPhone I have to do it individually. Will this feature be implemented soon?

Design notification error component

Design a component that we can use when displaying errors

Explain how it all works and why it matters

Create a side page with maybe an illustrated story showcasing why our privacy matters and how it all works with recall+blockstack

Introduce a feedback button for users login using the app

Have a button somewhere that links to a form where users can leave feedback, but only allow for this button to be shown if the user is login to the app

💪 Replace tachyons with tailwind

Tailwind seems to allow a better organisation out of the box with the configuration (https://tailwindcss.com/docs/configuration/) file it provides. It will also allow for easier customization in the future.

Feedback to improve text copy on homepage

We received this feedback on Blockstack's Slack when we revamped the home page design on #6

Trigger error when photo fails to upload

Linked to #28 and #29

The error should be displayed when:

• Compressed photo fails to upload
• Full res photo fails to upload
• Index files fail to update

Implementation on iOS here recall-photos/recall-ios#10

Sign in link does not work on firefox

I am not able to sign in in Firefox at https://app.recall.photos/ (Mac OS)

No problem with chrome. I cannot see much in the logs:

[INFO] blockstack.js: generating v1.3.1 auth request logger.js:46
openUriUsingFirefox index.js:207
[INFO] protocol handler detected logger.js:46

User can create folders/albums

Linked to #11

CORS redirects

Hi Guys-

Great project!

Any idea how to fix this?

Failed to load resource: the server responded with a status of 404 ()
logger.js:52 [DEBUG] getFile photos.json returned 404, returning null
gaia.blockstack.org/hub/191aftN8eVEefMpWsYnYeU6nUK9mh65iP9/photos.json:1 Failed to load resource: the server responded with a status of 404 ()
logger.js:52 [DEBUG] getFile photos.json returned 404, returning null
logger.js:52 [DEBUG] uploadToGaiaHub: uploading images/elfo.letter-paper.jpg to https://hub.blockstack.org
dashboard:1 Access to fetch at 'https://hub.blockstack.org/store/191aftN8eVEefMpWsYnYeU6nUK9mh65iP9/images/elfo.letter-paper.jpg' from origin 'https://app.recall.photos' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request.
dashboard:1 Uncaught (in promise) TypeError: Failed to fetch
logger.js:52 [DEBUG] uploadToGaiaHub: uploading compressed_images/elfo.letter-paper.jpg to https://hub.blockstack.org
dashboard:1 Access to fetch at 'https://hub.blockstack.org/store/191aftN8eVEefMpWsYnYeU6nUK9mh65iP9/compressed_images/elfo.letter-paper.jpg' from origin 'https://app.recall.photos' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request.

Create a 'Support this project' section or button

If anyone wants to contribute to the project there should be an easier and clear way for them to do so. Can consider just creating a QR code for a bitcoin wallet?

👀 Create 404 page

Would be nice to include an illustration here too.

Implement storybook

Implement https://storybook.js.org/

Display a warning regarding the new blockstack 10gb upload speed throtle

📚 Create FAQ page

Create a FAQ page with answers to questions that we received multiple times from users.

Implement error component notification

Linked with #28

Remove blockstack-large-storage

Remove blockstack-large-storage for now since the file limit was increased to 25MB.

Downloaded images are larger than expected compared to the original file

Browsers

Chrome version: 76.0.3809.100 (Official Build) (64-bit)
Firefox version: 68.0.2 (64-bit)

Issue

When downloading pictures, the file sizes are bigger than expected.

Browser	Name	Original	Downloaded	Diff
Firefox	image1	21,054,684 bytes	62,930,672 bytes	198.89%
Chrome	image1	21,054,684 bytes	47,848,001 bytes	127.26%
Firefox	image2	4,137,797 bytes	17,492,908 bytes	322.76%
Chrome	image2	4,137,797 bytes	13,552,186 bytes	227.52%

Two images were used for testing:

• image1 exported from Adobe Lightroom with q100
• image2 exported from Adobe Lightroom with q92

Suggestion

Image quality slider settings for users with a default of q95 or lower

Reverse geocode latitude and longitude to fetch more information

If latitude and longitude are available via EXIF information, reverse geocode that location to get more information about it.

Use, for example, Nominatim.
More information at https://wiki.openstreetmap.org/wiki/Nominatim#Reverse_Geocoding

Create privacy policy and insert it on website

🚫 Add warning for when photo fails to upload

Currently, the users are clueless about what is going on, we need to improve that.

We could also add a progress bar line to the top of the browser?

🤓 Make the readme clearer and nicer

Readme could be arranged nicer

Tag releases and add changelog to them

There needs to be an easier way for other contributors (and users) to track what is going on at each release

Add new design to readme

Improve the mobile UX

Today the ux of Recal app in mobile view is not so good.

I can help with that. I'm new to open source, so I need to know if the owners need to approve the adjustments or I can go ahead and make the things in the way I wish to

Implement new design

Design available at: https://www.figma.com/file/X1NJXGEkGPkPa2fgypko63fe/Web-App

Add voice-over on top of walkthrough video

Would be nice to add voice-over to the video that is now on the website or even re-do the video together with the voice-over

🌐 Save location of uploaded photos via web

We need to save the location of the photos when they are uploaded to Recall.

Fix App Store button size

Button is too big and the app login should match it

What is the status of this project?

Looks like a great app, not seeing many changes in the recent months. Hoping that this product has plans for future development.

🔍 Ability for users to search their photos

As we promised

You will be able to search your photos by location, time and other data. Wherever you are, Recall is available.

Users should be able to search for their photos. We can start with dates first and then move to locations?

Change repository og images

Change repo og image

https://github.blog/2019-04-17-custom-open-graph-images-for-repositories/

Create PR submissions guidelines markdown

Create submitting.md file

https://help.github.com/en/articles/setting-guidelines-for-repository-contributors

👨‍👩‍👧‍👦 Ability for users to create folders and share photos with others

As promised on our homepage

Soon you will be able to share your photos with others, without losing any of the privacy benefits offered by Recall.

• User can create folders/albums #21

We still need to breakdown exactly how to achieve this without losing the privacy element that we offer. @alvesjtiago is the man to talk to about it.

Share repository online (open source communities)

Would be great to share this later on at open source communities such as

r/opensource?
r/coolgithubprojects?
Hacker News show and tell?

What other places would be good?

Download button does not work in Firefox

Browsers

Chrome version: 76.0.3809.100 (Official Build) (64-bit)
Firefox version: 68.0.2 (64-bit)

Chrome works as expected
Firefox does not work as expected

Issue

Firefox needs anchor object to be appended to the document.body before click. This seems like a browser specific behaviour that Chrome doesn't care about.

Other issues

• error emitted from orientation-exif-blob referencing a forked version of exif-js, which does not include xml2json function
• Edge needs a polyfill of toBlob

💘 Re-design UI for user dashboard

We want to focus on improving the experience that users have while using Recall. After taking care of the home page #6 with a more pleasant and clearer explanation on our mission, the UI for the dashboard should follow, improving also the experience.

Sharing the Figma link soon on discord.

Collaborate with blockstagram

There is an app called blockstagram https://github.com/coding-berlin/blockstagram that handles photo sharing....