Tip Calculator Design Document

Why I Did This Project?


This was actually part of my application to become an iOS instructor for CodePath at UC Irvine! I went through the course myself a year prior to my application and enjoyed the course immensely!

Software Skills

  • design icon

    Swift

    Programmed in Swift storyboards

  • Web development icon

    iOS Development

    Understanding iOS storyboards in XCode

Project Description

This project is a simple Tip Calculator, built in XCode and with Swift and Storyboards. It allows a user to quickly calculate the total amount of a bill, given the original total. It also contains other features such as: splitting the bill and dark mode.

Feature Breakdown:

  1. 1. User Input Bill amount
  2. 2. User selects tip percentage based on slider
  3. 3. Displays Tip and Total Values
  4. 4. UI Animations
  5. 5. Ticker to change the number of splits
  6. 6. Displays Split total
  7. 7. Dark Mode

Steps:

  1. 1. Open Storyboard and drag and drop all UI elements onto the screen
  2. 2. "Command" + left-click to drag each UI element and connect to the ViewController code
  3. 3. Functions for calculating tip and onTap to enable editing bill amount
  4. 4. UI Animations
  5. 5. Make SettingsViewController to change enable a UI switch for Dark Mode
  6. (Code is in Github Repository link below).

Github Repo