Giter Site home page Giter Site logo

grocer's Introduction

grocer

Grocer for Team Based Mobile App Dev

grocer's People

Contributors

qgvc4 avatar jzukosky avatar yuichiu416 avatar jordendarc avatar clpk8 avatar ssswxr avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

James Cloos avatar

Forkers

ssswxr clpk8

grocer's Issues

Design Login View (UI Only)

This page should handle:

  • Editing Users Button
    • Deleting
    • Gray Out Cell, and Edit Label Overlay
  • New User Button
  • Users Collection View

Implement AddPurchaseViewController Collection View

The functionality we want here is 2 vertical sections of users, with the rightmost section being non participants, and the left being participants. Users should be able to drag and drop between these sections, and a tap on a participant cell should highlight it, making them the purchaser, updating the purchaser image to the left of the collection view as well

Create Edit User View

Should be in its own storyboard, referenced by the Login page.

Should allow the user to edit name, image, email, and account info string

Create Item Data Model

Create .swift file with an Item struct following this guide:

[Int]: User IDs
String: Item Name
Float: Price

Create User Data Model

Just create a .swift file that has a User Struct

Should follow this design

String: User name
String: User email
String: Account number and information (temporary)
Image: Profile picture
[Purchase]: Past purchases
Int: ID

Delete Main.Storyboard

To utilize multiple storyboards, we need to get rid of the default one.

  • Should be replaced by a storyboard for the login view (#1 )

Create Purchase Data Model

Create a .swift file with a Purchase struct, following this guide:

Image: receipt
Int: Purchaser (User ID)
[Int]: Purchasees (User ID)
[Item]: Items
[Int: Bool]: Done
Float: Tax
Bool: Paid
String: Title
Date: Date
String: Description

Create Alert for Photo of Receipt

Alert should be presented when pressing the "add" button on the Purchases view, and should be an alert of type .ActionSheet, with 3 options, "Take a Photo", "Use a Photo from Library", and "Cancel"

Purchase Cell UI Update

I'd like the purchase cells in the PurchasesTableViewController to be slightly shorter, around 100-120 instead of 141. Along with that, I'd like the spacing between the title label and the image view to be decreased to 16.

Also go ahead and experiment with different font sizes, up to you though.

Write Date Formatter for Purchases Dates

The right detail for purchase cells on the Purchases View will be the date that the purchase occurred, set on creation.

We would like this to follow the format of Month, Day, Year for any purchase created 3 or more days in the past. For all others (recent purchases), the date should instead be "Today", or "Yesterday". This should autoupdate on viewdidload or when loading in new purchases.

Create New Purchase View

This is pretty much the core view of our app, super important.

Here's an image to go off of to begin with:
image

That's a UIImage with a title label (editable), date label (editable, should bring a date picker up from the bottom, the bottom UIImage that's a user icon should be the "Purchaser" for the purchase. On the right is a collection view, divided into 2 vertical sections. The left is all roommates involved in the purchase (including the purchaser, who should be highlighted somehow), on the right is everyone else in the household (those not involved).

Below all of that there should be a tableview with two labels, left and right detail, for the price and the name of the item. they can add new rows using the + bar button in the nav bar. This could also be moved to a toolbar on the bottom, but it's nbd.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.