Stuff-Trading-App

Table of Contents

1. Overview
2. Product Spec
3. Wireframes
4. Schema

Overview

Description

It's an app where people can put up what items they would like to trade or give away, giving the option for other people to trade for things they want.

App Evaluation

• Category: E-Commerce, Marketplace, Social Networking
• Mobile: It can use your location, the camera and will have profiles to sign-in.
• Story: Helps people trade stuff they don't use anymore for free or for something they want.
• Market: Anyone.
• Habit: Will let people stop wasting items that they are not using anymore and let those items be re-used.
• Scope: It would start with messages, feed, sign-in, location and would be available for anyone, primarly focused on young adults.

Product Spec

1. User Stories (Required and Optional)

Required Must-have Stories

• You can log in/log out of your app as a user.
• You can sign up with a new user profile.
• The user can see his own profile.
• The user can see other users profiles.
• The user go to other user profile by clicking the profile pic in a post.
• The app implements map location.
• The posts load in with animation.
• The user can upload a post of something that they want to trade to the feed.
• The user can see the feed of trading.
• The feed should have infinite scrolling.
• The user can refresh the feed.
• The users can message each other.
• User can see the chats and messages.
• The user can post an image.
• The user can add map location to the post.
• User should display the relative timestamp for each message "8m", "7h"
• User should display the relative timestamp for each post "8m", "7h"
• Your app incorporates an external library to add visual polish.
• The user profiles show their posts in a collection view.

Optional Nice-to-have Stories

• The feed is divided in Books/Movies/Manga/etc.
• The feed in a collection view.
• Map view where it shows the trade posts close to you.
• User can message images.
• User can change his name.
• User can change his password.
• The user can set his profile picture.

2. Screen Archetypes

• Log-in
  • Your app interacts with Parse.
  • You can log in/log out of your app as a user
  • You can sign up with a new user profile
• Profile (our profile)
  • The user can see his own profile.
  • The user profiles show their posts in a collection view.
• Feed
  • The user can upload a post of something that they want to trade to the feed.
  • The posts load in with animation.
  • The user can see the feed of trading options.
  • The feed should have infinite scrolling.
  • The user can refresh the feed.
  • You can log in/log out of your app as a user
  • The user go to other user profile by clicking the profile pic in a post.
• User (other user profile)
  • The user can see other users profiles.
  • The user profiles show their posts in a collection view.
• ComposePost
  • The user can upload a post of something that they want to trade to the feed.
  • The user can post an image.
  • The user can add map location to the post.
• PostDetails
  • User should display the relative timestamp for each post "8m", "7h"
• DirectMessage
  • User should display the relative timestamp for each message "8m", "7h"
  • The users can message each other.
• Messages
  • User can see the chats and messages.
• UserSettings
  • User can change his name
  • User can change his password
  • The user can set his profile picture.
• MapView
  • The app implements map location.

3. Navigation

Tab Navigation (Tab to Screen)

• Profile
• Feed
• Messages
• Feed map

Flow Navigation (Screen to Screen)

• Login

  • Profile

• Profile

  • UserSettings

• Messages

  • DirectMessage

• Feed/FeedMap

  • User
  • PostDetails
  • ComposePost

• ComposePost

  • MapView

• User

  • DirectMessage

Digital Wireframes

[BONUS] Interactive Prototype

Schema

Models

Post

User

Chat

Message

Networking

Login

• Login Screen

  • (Create/POST) Creating a new user

    if([self usernameEmpty:self.usernameText.text password:self.passwordText.text])
       return;
    
    PFUser *newUser = [PFUser user];
    newUser.username = self.usernameText.text;
    newUser.password = self.passwordText.text;
    
    [newUser signUpInBackgroundWithBlock:^(BOOL succeeded, NSError * _Nullable error) {
       if(succeeded){
           //let user in
       }else{
           //alert user of error
       }
    }];

  • (Read/GET) Login the user

    if([self usernameEmpty:self.usernameText.text password:self.passwordText.text])
        return;
    
    NSString *username = self.usernameText.text;
    NSString *password = self.passwordText.text;
    
    [PFUser logInWithUsernameInBackground:username password:password block:^(PFUser * _Nullable user, NSError * _Nullable error) {
        if(error){
            //alert user of error
        }else{
            //let user in
        }
    }];

• Home Feed Screen

  • (Read/GET) Fetching posts for user's feed

    PFQuery *query = [PFQuery queryWithClassName:@"Post"];
    query.limit = 20;
    [query orderByDescending:@"createdAt"];
    [query includeKey:@"author"];
    
    [query findObjectsInBackgroundWithBlock:^(NSArray * _Nullable posts, NSError * _Nullable error) {
        if(!error){
            //do something with posts
        }else{
            //error
        }
    }];

  • (Create/POST) Logout from current session

    //change scenes
    [PFUser logOutInBackgroundWithBlock:^(NSError * _Nullable error) {
        //do something
    }];

• Messages Screen

  • (Read/GET) Fetch the user's chats

• Profile Screen

  • (Read/GET) Get an existing user

• Compose Post Screen

  • (Create/POST) Create a post

    Post *newPost = [Post new];
    newPost.image = [self getPFFileFromImage:image];
    newPost.author = [PFUser currentUser];
    newPost.caption = caption;
    newPost.likeCount = @(0);
    newPost.commentCount = @(0);
    
    [newPost saveInBackgroundWithBlock:];

• User Settings Screen

  • (Update/PUT) Update existing user profile picture

  • (Update/PUT) Change user's name
  • (Update/PUT) Change user's password
  • (Delete) Delete an existing user

• Compose Post Screen

  • (Create/POST) Create a post

• Direct Messages Screen

  • (Read/GET) Get messages from a chat
  • (Read/GET) Send message to another user

• [OPTIONAL: List endpoints if using existing API such as Yelp]

Credits

List an 3rd party libraries, icons, graphics, or other assets you used in your app.

• Iconmonstr - Free Icons