johnbanas / motivation-manager Goto Github PK

Record presentation for MVP

PPT: https://docs.google.com/presentation/d/1GmFvMuT7H0EQRpKWmRZNAhnPUrIxmfr7N10wx0sPf8o/edit#slide=id.gcae3ee2002_0_0

You and your group will give a 10-minute presentation on your project, with about 7 minutes devoted to the presentation itself, followed by a 3-minute Question & Answer session. Use this Project Presentation Template (Links to an external site.) to address the following:

Elevator pitch: A one-minute description of your application.

Concept: What is your user story? What was your motivation for development?

Process: What were the technologies used? How were tasks and roles broken down and assigned? What challenges did you encounter? What were your successes?

Demo: Show your stuff!

Directions for future development.

Links to the deployed application and the GitHub repository.

Have the navigation be more evident -

Desktop view - should show menu items
Mobile view - menu should be hidden and then appear when clicked and slide into view

Adjust Header to be lighter and update image logo

Update Section: Grateful, Task, and Meetings

Have a different color for each section

Create a new feature and add an edit/delete button to list item so they can be edited.

Create a new modal to edit task so we are not stepping over existing jQuery

Notes:

Edit Button > List Item that was created when you created a task + Delete
Listening Edit Button > Class >
Function - define values **
Look to task modal for examples for how to build theedit modal

Need to alter format per screen size

After the Task, Meeting, Radar, Study, Personal Development, Grateful is saved - go to date/page to display newly created task/alternative for that date.

Currently, when you save - modal closes and remains on current managed date.

• Change quote style away from cursive to a mono, sans script italic font to be more legible
• Make the font responsive

Auto delete (Chelsea) - if it is past a couple days, it will automatically delete - making a remove from local storage function based on what day it is today

• Read Day.js documentation (Essentially, like moment.js)
• make it, separate function - object.property.
• If the task is overdue by 2 days, delete task

Pre-set manage date so that today's date populates upon load

Add code to display or console .log errors and add a catch() function for other errors

Add in the modal that all tasks need to be required

read through docs on jQuery on adding attribute of required field

Add a list item underneath the notes text box & make it editable

Change font size in the notes section - it is currently too small

Refactor code...
particularly using .forEach() instead of for loops;
user arrow functions

Add buttons to Grateful/Meetings/Tasks

It may be easy to just add the same tag with an icon instead of Add Task (located at the bottom)

Make the add task button stick to the page on scroll

Select an alternative icon to display the temperature

• Add task to schedule when new task/meeting has been created
• Enhancement: Make tasks display in order based on start time

Do not display as military time - I do not have a current example, but was advised to add this as a task

Add ability to see the tasks for a week instead of a one day at a time

Button gets put into navbar dropdown

Desired Behavior:
Button is always visible.

reloading notes into text area isnt perfect.
Consider:
Notes edit on blur.
Only Delete Button.
Text area is only for new note submission with 'enter' being recognized as event
Add required class to notes on null input attempt

Change task creation to a more appealing layout.

Possible solution:
create a

to hold text
create to hold date/time

Clean up code
Remove Console Logs
Remove Comments that we do not need anymore
Remove extra code that has been greyed out
Refactor to make certain there are no redundancies in the CSS/JS
HTML
CSS
JS

Quality Check - Make certain all functionality works properly

Using foundation framework to style and give responsiveness to application.

Two Api's are added as well as GitHub Pages link. We still need a picture which I will put on after the finished MVP.

Add to wireframe - Radar, study, and personal development , add wireframe for Desktop view -

Highlighting and releasing click off of the modal when interacting with task/description makes it very easy to accidentally close the modal while working on it.

In foundation - https://get.foundation/sites/docs/abide.html#undefined

Need to make title and date a required field.

If required, browser should notify user that it is required.

Only displaying when you have something displayed in that space …
Based on start time

Plus, have time trigger to change a change to the color of the task - Toggle button, if the time is past it changes the color to grey so it is a light grey -

When the task is completed, turn green and add check mark

Complete and finalize All HTML to streamline CSS coding

Undefined time needs to be changed to defined (timeStart to startTime) - (Casey)

Change font size of card titles - Tabs - Schedule, study, personal development, radar (Phil)

Modal has:

• Text Box input
• Buttons for task designation
• Buttons edit modal to show pertinent information inputs
• Save button sends it to correct designation/displays inputed information