jumpalottahigh/anton-baby-data

:baby: :baby_bottle: Monitoring and logging baby data in Firebase

Hi everyone, I'm Georgi 👋

Blog • Twitter • YouTube • About me

---

I'm a Software Engineer who loves solving problems and making software. Open source software is a big passion of mine and I try to contribute whenever I can.

I enjoy teaching, learning and writing.

I love flying FPV racing drones and I also share that passion with the community in the form of YouTube videos on my FPVtips channel.

I'm also convinced that "white privilage" is not fiction and we all need to play our part in order to start bringing the world closer to real racial and gender equality. We are all Earthlings and we should strive to be NICE and to become multiplanetary species.

• 💻 I’m currently mostly working with: React, TypeScript, Node.js, Electron, ES6

• 📚 In the past I have also done some: Web Development, Smart Home Automation, Raspberry Pi, Arduino, ESP8266, Game Development, Unity, Blender, Video Editing, Writing

anton-baby-data's Issues

Extra info updates

Come up with a way to store extra baby info.
Baby weight tracking etc.

Use a webview to port this to Android

Just a simple apk at first.
Will see about Google Play port.

Ideas:
Create an Android app using Eclipse.

Create a layout that has a control.

Move your HTML code to /assets folder.

Load webview with your file:///android_asset/ file.

And you have an android app!

https://www.codementor.io/android/tutorial/secure-hybrid-html5-android-webview-mobile-app

Add boob timer

Add feeding into on going, or another way to show how long baby has been fed for so far, so mommy knows when to switch boobs.

• Add 20 min countdown
• Will reset when Feed button is pressed
• This is just to provide rough information when to switch boobs

Extend daily feeding report section

Add the time difference between previous and next feedings in brackets. Eg. (+2:30)

Increase the button cooldown from dev value to production value (1min or so)

Make a dev branch

Work on features there, leave master to be production branch and don't tamper with the data there anymore.

Custom times

Add functionality for custom times.
User story:
I forgot to press the "pee" button. I would like to add a node for baby peeing half and hour ago.

Reports and graph

In another tab add baby data reports, graphs and charts.

Quick stats
(as is now the first section with quick daily data)

Daily Overview
Full daily details

???
More data. Weekly?

Add sleeping and raging functionality

UI update

Put all buttons to one section?
Buttons should then be 10 cols and 2 cols for Info Icon to provide more info.

Update UI - Responsiveness

Make the UI look good on mobile.
Priority - iPad and Phones.

Use a legend to surround connected buttons.
use full or half row buttons in xs and then update the current break point to md

Login modal

Clear inputs = ''
location.reload() ?
Make login modal close after succesful login, or throw and error (red fields etc) if not successful.

Device sync

Add a boolean to the sleeping and tantrum timers and make sure there are in sync and correctly displaying the active events, even when the user switches devices.
{
eventActive : true
}

Add error messages if the user is not logged in.

Implement the "All data" section

This will be the section showing data fetched from the DB.
Additionally, graphs and more useful information can be added.
Explore the possibilities.

Elapsed time - HH:MM:SS instead of just seconds

Minutes formatting

Update minutes < 10 to have a leading zero.
Eg. 14:04

Add favicon, logo resource

Add Sofi's drawings to the project

Priority simple reporting

Last feeding at:
Last slept until: [time], for [duration]hrs.
Total pees today:
Total poop today:

Cosmetic update to the quick starts section

Trello integration

Think of implementing BabyData with Trello support.

-Auth user.
-Create a board
-Create lists for each day?
-Create cards for each activity / event
-Checklists for each time? or in the description

Reports and Data visualization with D3

Check those resources:

https://d3js.org/
https://github.com/mbostock/d3

And see if D3 could be what we need.

Or with this:

Used by Firebase:

http://www.highcharts.com/download
http://www.highcharts.com/demo

Add baby date of birth to app

Provide baby age in days, months, etc.

Total sleeping time reporting

Total sleeping time should report:
all completed sleeps, then check if ONGOING sleep is found,
get difference between last sleep start time and current time and add this to the total!

Fix the way data is written to Firebase