- Node.js version 8.4.0 or above
- NPM version 5.5.1 or above
- MongoDB version 2.4.9 or above
- npm install
- run "mongod" in one terminal
- run "node app" in another
- Go to localhost:3000
Current nav does not look great, a new nav should be designed preferably fixed to top.
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
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.
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.
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 looks like shit - also a pain in the arse to style so leaving it until a future date.
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.
Make navbar links actually go to the correct pages when clicked, to allow for the app to be actually usable.
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
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 #6, use wireframes as a general basis but feel free to add additional tweaks to improve aesthetic
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.
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
The registration form should collect:
Login credentials:
Optional user interests:
Optional health habits for past X days:
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.
Should be consistent throughout the whole app - also should be relatively soft colours, due to the nature of the application.
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.
Should be in a modal - don't know how hard this will be to do.
Apply styling to the template created in #8, use wireframes as a general basis but feel free to add additional tweaks to improve aesthetic
Apply styling to the template created in #4, use wireframes as a general basis but feel free to add additional tweaks to improve aesthetic
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.
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)
Apply styling to the template created in #10, use wireframes as a general basis but feel free to add additional tweaks to improve aesthetic
See wireframes for layout details.
Should include an icon for each habit that is being tracked, plus the option to add new custom habit
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 looks too messy, not happy with the design.
Some re-ordering is needed. Any ideas welcome
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.
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.
As we have updated to a datepicker on the habit tracker, should do the same on meetups.
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
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.
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.
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.