makon57 / soulshot

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

SoulShot

SoulShot is a photojournalism site focused cultivating a community of storytellers through the sharing and discussion of moments in time through photos.

Description

SoulShot's goal is to help people share the stories behind the photos they take. It is a clone of Flickr but with a focus on photojournalism and story-telling through community discussion.

Technologies

  • React.js
  • Redux
  • Javascript
  • JSON API
  • PostgreSQL
  • Heroku

SoulShot (screenshots)

Login

Homepage

Image Detail / Comments

Albums

Getting Started

Installing

  • Download project from https://github.com/makon57/soulshot
  • Next npm install
  • To begin live server:
  • Split two terminals and cd backend and cd frontend
  • Lastly, npm start both terminals

Features

  • Login / Signup / Demo Login
  • Add / Update / Delete images
  • Organize images into albums
  • Add / Update / Delete albums
  • Add / Update / Delete comments

Technical Details

The most difficult part was figuring out how to edit/update the images, albums, and comments. It was especially hard to figure out how to connect the albums and images in my joins table. After wrappig my head around it the first time around the idea of the joins table and how to key into other models were made simpler with the other features.

Another difficlty I had was with the comments and the functionality as well as visibilty of editing and deleting a comment. Each comment was particular to a user, so with these conditions, I tried my best to make sure that the function of editing and deleting a comment was only visible and available to the user that made the comment.

To-do / Future Features

  • Tags
  • Search Bar
  • Follow
  • AWS

Wiki Documentation

Acknowledgments

Inspiration, code snippets, etc.

About


Languages

Language:JavaScript 88.8%Language:CSS 10.9%Language:HTML 0.4%