Skip to content

Instagram-like image display site for sharing pictures between family. Vue, Vuex & Firebase.

Notifications You must be signed in to change notification settings

crevulus/evans-chronicle

Repository files navigation

Evanstagram

An Evans-family-excusive photo-sharing social network.

My family and I often send pictures to one another via WhatsApp groups and the like, so I wanted somewhere we could upload and store our highlights for posterity. I created Evanstagram (get it? We're the Evans family and it's a site like Instagram. 🦗) to serve as a digitised, ever-lasting photo album. Plus, as we are spread out across two continents, I wanted to add another method to connect to one another -- particularly during the pandemic that has kept us apart for over a year.

Features

  • Upload and share photos or videos with captions.
  • Automatic timestamping, as well as geo-tagging via Google API.
  • Mobile-first feat. mobile-only side-panel menu, but also desktop-ready.
  • Auth, image storage, and photo data via Firebase.

Made Using

ToDo List

  • Retry vue-material
  • Get GeoPoint data
  • Error handling & validation for upload form
  • Upload form -> dropdown
  • Auth
  • Error handling (general)
  • Hide API key
  • Find out why can't pass name param for refreshImages fn
  • UX feedback for submitting a new post
  • Up/down icon for new post
  • Mobile design; https://regenrek.com/posts/how-to-create-an-animated-vue-sidebar-menu-with-vue-observable/
  • Replace font for title
  • Change v-ifs to v-shows when not rendering to DOM but merely displaying (more performant)
  • Change template logic to computed props (more performant)
  • Delete window showing for all posts
  • Location on safari
  • Rendering a new on page switching

About

Instagram-like image display site for sharing pictures between family. Vue, Vuex & Firebase.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published