tonyjly / topics

A Photo-sharing app, for users to upload, organize and share photos with friends and the world!

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

toPics

A Photo-sharing app, for users to upload, organize and share photos with friends and the world!


The Team

Features

User Authentication

Login / Sign up

  • Create an account or login to begin using toPics!
  • Password recovery available

screenshot of Login

Navigation

  • Navigate to any of these views:
    • personal collection, friends feed, public feed, friends list

screenshot of Navigating

Photo Upload

  • Tap the + icon at the bottom left to upload your images

screenshot of Uploading

Photo Management

Add/Edit Tags & Change Permissions

  • Select one or multiple images to view a modal for editing, then apply changes
    • toggle the select slider to select multiple photos for editing

screenshot of ...

Album Management

Create Album

  • Select photo(s) to gain the option to create an album
  • Set tags and permissions of all photos at once

screenshot of Album Create

Edit Album

  • Select an album to begin editing
    • Add or remove tags
    • Change permissions
    • Update album name and description

screenshot of Album Edit

Search / Filter

Search Bar (live photo filtering)

  • From personal photos or albums view:
    • Enter term to filter by tags
  • From friends or public feed views:
    • Enter term to filter by username & tags

screenshot of ...

Development

Built with

From within the root directory: npm install

From within the root directory:

To run webpack build

npm run build

To run server

npm run server

To launch the app

npm start

Git Workflow


Do this once to set upstream. (not required but makes it easier)

git remote add upstream https://github.com/Marineon/blue-ocean.git

Update your master branch

git checkout main
git pull --rebase upstream main

Start work on a feature

git checkout -b feature-branch

If you've already created a branch, just switch to it

git checkout feature-branch

Write code, commit, repeat

git add .
git commit -m "clever message"

Rebase before pull request. First update main.

get checkout main
git pull --rebase upstream

Incorporate the changes from main into your feature branch.

git checkout feature-branch
git pull --rebase upstream main

Fix any merge conflicts then do:

git add .
git commit
git rebase --continue

Push the feature branch.

git push origin feature-branch

If you get warnings about it being rejected, try:

git push origin feature-branch -f

Make a pull request on GitHub

After the pull request is merged,

git checkout main
git pull --rebase upstream main
git branch -d feature-branch

git branch -d feature-branch just cleans up branches. You don't have to do this if you want to keep adding features to that branch (not recommended) and if git doesn't permit you to delete the branch because it think's it hasn't been merged yet, you can force it with -D instead of -d.


Prepopulate the database

Run the following command at the root directory to seed the database.

node ./database/seed/seedMe.js

About

A Photo-sharing app, for users to upload, organize and share photos with friends and the world!


Languages

Language:JavaScript 98.6%Language:HTML 0.8%Language:CSS 0.6%