davidhaughton14 / hci-group-project Goto Github PK

New schema has solved the issue of having database stuff linked. Need to go through and update the habits code to save to the specific users collection.

Very important aspect of the visualization part.

Use google charts to create graphs to show the data trends of feature vs "happy rating".

Could implement more complex graphs if time permits but for the time being simple feature vs rating will suffice.

Currently make no distinction between custom or pre-existing habit - lock the input to simulate that the data is coming from an api.

Possible add fitbit icons etc around the page

See wireframes for layout details.

This will act as the homepage for the app and should include:

• A summary of todays habits/meetups etc

• A section to enter a diary entry for the day

Currently looks like shit - also a pain in the arse to style so leaving it until a future date.

See wireframes for details.

Should include an expandable list of results that relate to the query, supply the information to the user that is shown on the wireframes.

Apply styling to the template created in #8, use wireframes as a general basis but feel free to add additional tweaks to improve aesthetic

Not really sure where this will fit in with the design - but it is imperative for the multimodal aspect.

Shown somewhere on the habits page there should be an indication of where the information is coming from. Whether that be a fitbit, vitamin D tracker etc or manual entry.

Wireframes may need revisited to work out where this is going to be placed on the design.

Apply styling to the template created in #10, use wireframes as a general basis but feel free to add additional tweaks to improve aesthetic

Diary and summary are currently different sizes - probably a good idea to make them match in size by either padding out the smaller one, or fixing the height of the larger one and inserting a scrollbar.

Either solution would work effectively.

Current nav does not look great, a new nav should be designed preferably fixed to top.

I think a slider showing the days stats would be a nicer touch - unsure of how to lay it out but think it will make the page more interesting.

See wireframes for details (meetup expanded.png)

Should include:

• Title and date of meetup

• A switch to say if attending or not

• Date and time of meetup

• About section

• List of members attending

This should indicate what page the user is currently on - something similar to what the wireframes had would suffice.

Make this take any meetups you are attending today, or display message saying you have none upcoming.

See wireframes for layout details.

Should include an icon for each habit that is being tracked, plus the option to add new custom habit

Should be in a modal - don't know how hard this will be to do.

Make it look the same as the dashboards tab style - I think it makes more sense and reduces the amount of whitespace slightly. Open for discussion though

Ensure that the user cannot access the dashboard or any other pages if not logged in.

Also, dump user on habits page after first time logging in and force that they cannot progress further unless they have selected at least one habit to track.

Should be consistent throughout the whole app - also should be relatively soft colours, due to the nature of the application.

Apply styling to the template created in #4, use wireframes as a general basis but feel free to add additional tweaks to improve aesthetic

Make navbar links actually go to the correct pages when clicked, to allow for the app to be actually usable.

The registration form should collect:

Login credentials:

• Username
• Password

Optional user interests:

• Sports
• Movies
• Cooking
• Art
• Travel
• Technology
• History
• Fashion

Optional health habits for past X days:

• Sleep hours
• Steps
• Average heart beat
• Vitamin D units
• Blood pressure - mmHg
• Alcohol units

As they are hidden on pageload by the tab, the numbers all stack on top of each other. Need to find a way of firing a reload event when they come visible.

Only shows if there is a data entry for the habit for that day. If there isnt an entry then this should just display with a 0 as the value. Need to add to the object that is passed to the dash view.

See wireframes for details.

Should include:

• Feed of popular events near user

• A search bar to search for meetups related to keywords

• A list of meetups that the user has upcoming

Currently just fills with a gradient - would be a nice touch, and would make the page less boring, to show an animation of it filling up as the page loads.

Apply styling to the template created in #12, use wireframes as a general basis but feel free to add additional tweaks to improve aesthetic

Currently spinner spazzies out when the value is greater than the limit - set it so that the the spinner stays at 100% but the text goes up.

Currently looks too messy, not happy with the design.

Some re-ordering is needed. Any ideas welcome

Something about the dashboard looks really boring.

Might be the font or the lack of colours or something else but should mess around with the styling to make it look more professional and less boring.

Not priority for the minute, should get all pages built first then go back to this.

As we have updated to a datepicker on the habit tracker, should do the same on meetups.

Apply styling to the template created in #6, use wireframes as a general basis but feel free to add additional tweaks to improve aesthetic

See wireframes for details.

Should include:

• Info about your assigned helper

• A list of recommendations for a specified week, this week can be changed by a datepicker menu (or by sliding left and right between weeks, moving one at a time)