Original App Design Project

DYYP

Group 14

Table of Contents

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

Overview

Description

DYYP is a cryptocurrency focused app: it monitors the crpyto market for prices. Users can personalize their feed, a profile, and a simulated crypto wallet. The user can also seen in-depth information about a specific coin in a seperate view.

App Evaluation

[Evaluation of your app across the following attributes]

• Category: Finance News
• Mobile: iOS, modern
• Story: A user can browse the app to monitor crypto markets, as well as their own holdings.
• Market: 21-40 year olds interested in finance
• Habit: To monitor their holdings and prices, Users would browse the app daily when the market is slow and every few minutes when there are rapid changes.
• Scope: More personal and focused, there is no intent for it to be a full social media app (chat functionality, posting content, etc.)

Product Spec

1. User Stories (Required and Optional)

Required Must-have Stories

• • Login View: store user login information with back4app
• • Wallet View: collection view of coins, My portfolio, value of account, description of coin
• • Feed View: table view of coins, value of coins
• • Settings View: UI view of team credits

Optional Nice-to-have Stories

• Coin Info: indepth info on selected coins
• NFT Art Gallery
• • My Wallet/Portfolio: user "buys" and "sells" coins. The value of each and the total is displayed and tracked.
• Crypto News: A small section of the feed will have a scrolling/refreshing line of text containing crypto news
• Notifications: A notification appears when a price changes by a certain threshold
• Store login info with hash

2. Screen Archetypes

• Login
  • User Sign in
  • User Sign up
• Wallet View
  • Collection view of crypto currencies
  • Portfolio view value of the account, description of coin
• Feed View
  • coin image
  • current market value of coin
• Settings View
  • Team Logo (Dyyper)
  • Team credits (names of the members)

3. Navigation

Tab Navigation (Tab to Screen)

• [Wallet View]
• [Feed View]
• [Settings View]

Flow Navigation (Screen to Screen)

• [User Login -> Wallet View]
• [Wallet View -> My coins]
• [Settings -> Team credits]

Wireframes

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

[BONUS] Digital Wireframes & Mockups

Figma Wireframe: https://www.figma.com/file/fUa2beX6Y2vNY50vHFtWAr/DYYP?node-id=0%3A1

Sprint 1 Progress

Sprint 2 Progress

API gets data and is accessible. Wallet and Feed both access the data. Settings view first implementation.

Sprint 3 Progress

Coin Icons, Appearance Improvements, Mockup Values, Purchase/Sell Buttons (values recorded but not yet used), Username Changing

Sprint 4 Progress

Buying and Sellings Coins, user data (preffered display, preferred coin, coins owned, earnings) all saved on parse. Actually track money earned buying and selling (imaginary) crypto!

[BONUS] Interactive Prototype

Schema

Models

CoinAPI - Assets HTTP Request output data GET /v1/assets GET /v1/assets/{asset_id} GET /v1/assets?filter_asset_id={filter_asset_id}

Property	Type	Description
asset_id	String	unique id for each asset
name	String	display name for asset
data_trade_start	String (ISO 8601 standard)	date and time for first trade
data_trade_end	String (ISO 8601 standard)	date and time for latest trade
data_trade_count	Integer	number of trades
volume_1hrs_usd	Integer	usd volume of all symbols associated with this asset from last 1 hour
volume_1day_usd	Integer	usd volume of all symbols associated with this asset from last 1 day
price_usd	Integer	usd value of coin

CoinAPI - Assets Icon HTTP Request output data GET /v1/assets/icons/{iconSize}

Property	Type	Description
asset_id	String	unique id for each asset
url	String	url of icon

USER

Property	Type	Description
objectID	String	unique id for the user
username	String	display name for user
preferredCoin	Pointer to Coin	Coin that they choose to show in feed
ownedCoins	Array of Pointers to Coins	Coins the user owns in their wallet

COIN CELL

Property	Type	Description
coinName	String	name of coin
CoinIcon	File	icon image of coin
coinPrice	Integer	usd value of coin
tradeVolumeByHour	Integer	usd volume of coin by hour
tradeVolumeByDay	Integer	usd volume of coin by day
tradeStartDate	DateTime	date for first trade
tradeLastDate	DateTime	date for latest trade

Networking

List of network requests by screen

• Login Screen
  • (Create/Post) Create a new user for the app

    let user = PFUser()
    user.username = usernameField.text
    user.password = passwordField.text
           
    user.signUpInBackground { (success, error) in
       if error != nil {
                   self.performSegue(withIdentifier: "loginViewSegue", sender: nil)
       }
       else {
           print("Error: \(error?.localizedDescription)")
       }
    }

  • (READ/Get) User can login to app

   let username = usernameField.text!
   let password = passwordField.text!
           
   PFUser.logInWithUsername(inBackground: username, password: password)
   {   (user, error) in
       if user != nil {
                   self.performSegue(withIdentifier: "loginViewSegue", sender: nil)
       }
       else {
           print("Error: \(error?.localizedDescription)")
       }
   }

[OPTIONAL:] Existing API Endpoints

coinapi.io - cryptocurrency information

• Base URL - https://rest.coinapi.io/

  HTTP Verb	Endpoint	Description
  GET	/v1/exchangerate/BTC	Gets the exchange rate for Bitcoin
  GET	/v1/assets	Get detailed list of assets.
  GET	/v1/assets/{asset_id}	Get details of specified asset.
  GET	/v1/assets?filter_asset_id={filter_asset_id}	Get details about a list of assets.
  GET	/v1/assets/icons/{iconSize}	Gets the list of icons (of the given size) for all the assets.