Original App Design Project - README Template

MSU Student Link

Table of Contents

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

Overview

Description

An app for students at Michigan State University to make new friends and interact with other students.

App Evaluation

[Evaluation of your app across the following attributes]

  • Category: Social
  • Mobile: This app would be primarily developed for mobile but would perhaps be just as viable on a computer, such as tinder or other similar apps. Functionality wouldn't be limited to mobile devices, however the viewing choice would be better on the mobile.
  • Story: Analyzes users' majors, activities that they are going to attend, and allows other users to join them for their activities and also allows students to be randomly connected with one another each day and supports a chat functionality increasing interactiveness among students.
  • Market: Students at Michigan State University
  • Habit: Users get randomly matched with another user everyday. Users can check the bulletin board for any discussion or social events they can join.
  • Scope: It's primary focus is to connect students with other students at Michigan State University. The only features are the chat box, bulletin board, and profile.

Product Spec

1. User Stories (Required and Optional)

Required Must-have Stories

  • Sign Up and Login Feature to access the app
  • Messaging feature between user and randomly connected user
  • Profile with students' name, major, year, location
  • Bulletin board and comments
  • Notification of new matched user

Optional Nice-to-have Stories

2. Screen Archetypes

  • Welscome screen

    • Asks user if they are an existing user or a new user and takes them to Log In or Sign Up accordingly
  • Signup screen

    • Allows user to create an account on the app after downloading it to access its features
    • Takes in information like email, schoool year etc
  • Login screen

    • Upon Reopening of the application, the user is prompted to log in to gain access to their profile information to be properly matched with another person as well as witness a bulletin board with the ongoing activities.
    • ...
  • Match of the Day screen

    • Shows the user who they have been matched for the day and an option to check their profile
  • Bulletin board for online events

    • Allows user to view a list of all ongoing activites and reply to a thread based on whichever activity interests them.
  • View comments in a post

    • Allows user to view all the user interested in that particular event and their thoughts about it, allowing the student to make a well-informed decision if whether they want to attend the event or not.
    • ...
  • Profile

    • User is able to view the other user's profile if they tap on their profile picture
  • Editing profile

    • Allows user to upload a photo and fill in information about their major, their year and a small introduction about themselves
    • ...
  • Private messaging

    • Messaging between the user and the randomly matched user for the day
  • Previous history chat history

    • Message history of the user's previous matches and the people they interacted with

3. Navigation

Tab Navigation (Tab to Screen)

  • Profile
  • Messaging
  • Bulletin board

Flow Navigation (Screen to Screen)

  • Welcome Screen

    • Click on Sign Up to go to the Sign Up Screen
    • Click on Log In to go to the Log In Screen
  • Sign Up Screen

    • Click on the Create Account to go to the Login Screen
  • Login Screen

    • After clicking on the Log In button, it takes you to the bulletin board screen
    • Click on the messaging icon to go and see the chat history
  • Bulletin board ->

    • Click on a user to add a comment
  • Pop-up for randomly matched user

    • Chat history (to view all your chats)
  • Click on chat history user icon

    • View a user's profile

Wireframes

[Add picture of your hand sketched wireframes in this section]

[BONUS] Digital Wireframes & Mockups

Video Walkthrough

[BONUS] Interactive Prototype

Video Walkthrough

Schema

[This section will be completed in Unit 9]

Models

[Add table of models]

Networking

  • [Add list of network requests by screen ]
  • [Create basic snippets for each Parse network request]
  • [OPTIONAL: List endpoints if using existing API such as Yelp]