Coder Social home page Coder Social logo

mamarob's Issues

Social Media Page - time of post

  • Says “When?” if no choice has been entered yet
  • Clicking brings up time overlay
    • Draw “Now” toggle
    • Draw time and date selection
      • Draw date icon
        • Clicking opens a calendar
          • Clicking a date chooses that date and closes the calendar
      • Draw time selector
        • Scrolling up counts forward in time
        • Scrolling down counts backwards in time
    • Draw check box button
      • When clicked, apply time choice to post
        • If “Now” is toggled on, choose now and revert to social media screen
        • If “Now” is not toggled on, and both a date and a time have been selected, choose that time and revert to social media screen
        • If “Now” is not toggled on, and either a time or a date is missing, flash box red and do nothing

User Queue Page - Queue status

  • If order is not ready yet, display number of pending orders ahead of user
  • If order is ready, display “Order #XX is ready!”

Cashier Order Screen - top banner

  • Draw truck name
  • Draw open/closed icon
    • Clicking brings up open/closed overlay
      • Clicking open sets truck status to open for business and reverts back to order screen
      • Clicking closed sets truck status to closed and reverts back to order screen

Truck Settings - integration buttons

  • If all credentials are present, icon is lit up
    • Else, icon is grayed out
  • Clicking brings up credentials overlay
    • Draw credential forms
    • Draw accept button
      • Clicking applies entered credentials and reverts to truck settings screen

Social Media Page - social media queue

  • Draw thumbnail photo if there’s a photo on the post
  • Draw preview text
  • Draw scheduled time to post
  • Swipe left to remove from the queue
  • Click to parse post details into the social media form and remove message from the queue
    • Replace any contents that may already be present with contents from queued post

Owner Item Listing - accept button

  • If name and price forms both have information, commit contents of all 3 forms plus 3 health icons to item listing
  • If either name or price forms do not have information, pop up an error message saying “You’re missing a name/price!” with an OK button to revert to item listing

Checkout Item Detail - Quantity/price

  • Initial displayed quantity is however many the user ordered
  • Quantity box is a text form
  • Unit price is pulled from item listing
  • Total price is always unit price times whatever quantity is currently in the quantity box, regardless if the user has hit the accept button yet

Truck Settings - top banner

  • Draw name
    • Clicking brings up a text form filled with the current truck name
  • Draw back button
    • Clicking returns you to the home screen

Owner Item Listing - trash can

  • Clicking brings up an “Are you sure?” yes/no prompt
    • Clicking no reverts to item listing
    • Clicking yes permanently deletes the item listing and returns to the home screen

Orders Pending Queue - status progression

  • Swipe/click/double click to progress
  • When in the queue to be made, order should be gray, icon should be pending icon
  • When order is complete, order should be lit up, icon should be finished icon
  • When order has been served, order should be removed from the queue

Stripe Page

Draw email field
Draw CC number field
Draw MM/YY field
Draw CVV field
Draw “Save with Stripe” checkbox
Draw “Confirm Order!” button
- Confirming order processes payment
> If payment succeeds, add the order from user cart into pending orders; go to User Queue page
> If payment fails, display error and stay on Stripe page

Social Media Page - post button

  • If the message form contains text, at least one social media icon is toggled on, and a time is selected, make button clickable
    • When clicked, if time selected is “Now”, commit the message to social media
    • When clicked, if time selected is a later date, add message to social media queue to be posted at that time

Home Page - Menu Title

  • Draw the shopping cart icon in corner
    • Default is showing no number next to icon
    • As items are added, count the items and display the count next to icon
    • Clicking the icon takes you to the checkout page

Owner Home Screen - Menu items

  • Draw picture
  • Draw item name
  • All items are on by default, and remember their last state
  • Swipe left to turn item off
  • Swipe right to turn item on
  • Clicking brings up item listing overlay

Owner Item Listing - health icons

  • Vegetarian
    • Draw icon
    • Draw “V” text
  • Gluten-free
    • Draw icon
    • Draw “GF” text
  • Spicy
    • Draw icon
    • Draw “Spicy” text
  • All off by default
  • Clicking toggles on/off

Owner Home Screen - Menu header

  • Draw Menu text
  • Draw left and arrows to show swipe direction
  • Draw “+” button to add item
    • Clicking brings up item listing overlay

Push Notifications

If the user has an order pending that becomes ready, push a notification to alert them that their food is ready

Home Page - Truck location

  • Draw “Location today:” text
  • Draw the minimap
    • If no location is given, put a question mark
    • If location is given, put a pin
      • Clicking the map opens up default map program

Home Page - Menu Items

  • Draw photo
  • Draw item name
  • Swiping right adds one to the user cart
  • Swiping left removes one from the user cart

Checkout Item Detail - Accept button

  • Clicking closes the overlay to return you to the default checkout view
    • When clicked, apply any special instructions from the text form to the order
    • When clicked, update the quantity to whatever value is in the quantity text form

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.