Design And Frontend Minutes - UOA-SE701-Group3-2021/3Lancers GitHub Wiki

Minutes

This is a collection of the meeting minutes that happened with the design and frontend sub-groups.

2021-03-12

Agenda

  • Decide on functionality for each widget
    • Calendar
    • To-Do List
    • Habit Tracker
    • Journal
  • Decide on data needed for each widget
  • Get prototype designs to implement - Figma
  • Create initial issues?

Main points covered

  • Discussing Functionalities
  • Agreeing on what the Dashboard is
  • MVP (Minimum Viable Product)
    • Daily versions of the widgets in the journal view
    • Individual fullscreen views for each widget
  • After MVP
    • Dashboard view
  • Data structures for the widgets
  • Because we want the widgets to be fully modular, we should store the data widget-wise

Agenda for next meeting

  • Design team to make lo-fi prototypes of daily/journal view and weekly/fullscreen view for each widget
  • Frontend team to talk with backend team RE: data stored in database for each widget

Functionalities

Journal/Text Stuff

  • Double-click on screen -> text box appears. Works around what widgets are already on the screen.
  • Drag-and-drop new widgets e.g. text, calendar, todo list
  • Grid view of widgets left-to-right, fixed size
    • Future: allow drag-and-drop anywhere + resizing widgets.
  • Background image of book
  • GOTOs to be replaced by clicking on the dates in the Journal - opens calendar modal to choose date to go to.
  • Arrows still let you go back and forth one day.

Date & Calendar

As shown on Figma.

  • Can click on Journal dates to bring up a calendar to go to other pages. Remove GOTO labels.
  • Calendar widget on Journal can be a schedule/day/agenda view.
  • Calendar page/fullscreen widget: Month view, can pick year/month, and click on date.
    • Can embed Google Calendar
    • Another option is to use the FullCalendar API. It supports all views and is well-documented.
    • images/outlook_calendar.png
    • This but 2021 style, so an Outlook API?
  • Moved up to Main points covered

To-Do List

  • Display as checkboxes
  • When creating, must specify due date
  • Check if overdue, give option to move due-date, migrate icon
  • Carry over non-completed items
    • Future: Filter by due-date
    • Futre: Priority
  • Include non-completed items before due-date?
  • Whole-page/fullscreen
    • Past, today, future views
    • All unfinished items, option to show completed too?
  • Individual day page
    • Todos due today
    • Todos not done from past - label as overdue, give option to migrate
  • Future discussions: - which todos to display for given date

Habit Tracker

  • Weekly habit-tracker
  • Weekly view has progress for each habit, option to add new habits
  • Daily view has 'todo-list' with checkboxes for each habit for that day
  • Future: - link to todo items with colour-coordination
  • When creating new habit, say which days of the week to add habit for, and start date + end date

images/habit_tracker_inspiration.png

images/initial_habit_tracker.png

Data

Journal

  • Daily view: which widgets are present + their order
    • Future: if we can find a way to store positions, that would be preferable
  • Text widget: text, date (accurate to the day)

Date & Calendar

  • Events
    • Is all day event or not
    • start datetime (accurate to the minute)
    • end datetime (accurate to the minute) need to agree on the string format
    • event name
    • Future: add more fields to events e.g. location

To-Do List

  • Text
  • due date (accurate to the day) need to agree on the string format
  • Is done or not

Habit tracker

  • Goal/habit - text
    • Array of objects that are date-boolean pairs to say whether done for that day or not
      • When creating habit, add all valid dates with false values to know which dates should have habit
⚠️ **GitHub.com Fallback** ⚠️