Firepano
A simple client-side photo sharing site.
Install / Use
/learn @googlearchive/FirepanoREADME
Status: Archived
This repository has been archived and is no longer maintained.
This is a legacy Firebase example (for SDK 2.x.x). You probably want to use one of the up-to-date examples at https://firebase.google.com/docs/samples
Firepano
A simple client-side photo sharing site.
Live Demo | Example Panorama
How does it work?
The security model of this simple photo sharing app is predicated on having locations being unguessable. We construct paths into Firebase using a hash of the file being uploaded. Then, anyone that has access to the share-able link can then lookup the location in Firebase and view its contents.
A simple rule set is required to make sure none of the keys are enumerable from Firebase. This prevents retrieval of the keys from any of the Firebase clients, including REST endpoints. We also add a write rule to the photos so that once the data has been written, no one can override or delete data that already exists. The rules for this application are in rules.json.
Exercises for the reader
- Add a chat/comment system to each photo.
- Support logging in with Facebook/Twitter to manage photos: edits, removals, etc.
- Add metadata to indicate public/private photos.
- Add a realtime feed of newly uploaded photos.
License
MIT, except sha256.js.
sha256.js is part of CryptoJS which is distributed under the terms of this license (BSD 3-clause).
Related Skills
node-connect
342.0kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
84.7kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
342.0kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
commit-push-pr
84.7kCommit, push, and open a PR
