Winstagram

Fullstack web application with a team of 3 developers to create a positive web application.

Group Roles

Project Manager: Sharrar Khan

UI/UX: Owen Jones

Tech Lead: Jenesh Napit

Group Project Repo Link

Project Repo

To work on the project follow these steps

Git workflow repo

• Create a local git repo

> mkdir foldername

> cd foldername

> git init

• Connect your local repo to the remote url

> git remote add origin https://github.com/**username**/**reponame**.git

• Create a branch you want to work off of

> git checkout -b branchName

• To add your changes and push it to the repo

> git add .

> git commit -m "Write a message here"

> git push -u origin branchName

If that doesn't work try this instead

> git push --set-upstream origin branchName

• Lastly on github create a pull request and you're done

• To get the latest version of the repository

> git pull origin master

Back-End

Create a full RESTful API using the social media database structure described below, including an Express app and a Postgres database. This app should have the following routes, with corresponding SQL statements:

• Users

  • GET /users - Get all users.
  • GET /users/:id - Get single user.
  • POST /users - Add single user.
  • DELETE /users/:id - Delete user with the corresponding id.

• Posts

  • GET /posts - Get all posts.
  • GET /posts/:id - Get single post.
  • POST /posts - Add single post.
  • PATCH /posts/:id - Edit single post.
  • DELETE /posts/:id - Delete single post.

• Likes

  • GET /likes/posts/:post_id - Get all likes for a single post.
  • POST /likes/posts/:post_id - Add single like.
  • DELETE /likes/:post_id/:liker_id - Delete single like.

• Comments

  • GET /comments/posts/:post_id - Get all comments for a single post.
  • POST /comments/posts/:post_id/:commenter_id - Add single comment.
  • PATCH /comments/:post_id/:commenter_id - Edit single comment.
  • DELETE /comments/:post_id/:commenter_id - Delete single comment.

• Albums

  • GET /albums/:owner_id - Get all albums that belong to a user.
  • POST /albums/:owner_id - Create new empty album for user.

• Pictures

  • GET /pictures/albums/:album_id - Get all pictures for a single album.
  • POST /pictures/albums/:album_id - Add single picture to album.
  • DELETE /pictures/:pic_id - Delete single picture.

The responses from your Express app should have three keys: status, message, and body. For example, when I send a GET request for a single user, I should get back something that looks like this:

{
  status: "success",
  message: "got single user",
  body: {
    id: 1,
    name: "Reed",
    age: 46
  }
}

Front end

Your front end should have each of the following components. Don't worry about authentication yet: anyone can make whatever REST calls they want to.

Table of contents

Have a table of contents page that contains hyperlinks to all of the other pages

Posts Feed

• Display all posts from all users in chronological order
• Include the number of likes in each post as well as the user
• Display all comments from each post
• Create a new post
• Create a new comment for a given post

User Search

• Search for a user
• Create a new user
• Delete a user

Albums

• See all existing albums
• Create a new album

Photos

• See all photos
• Create a single photo
• Delete a single photo

git remote add upstream https://github.com/jenesh/winstagram git pull upstream master