Code Monkey home page Code Monkey logo

baby-tracker's Introduction

Baby Tracker

logo

A progressive web app to track your baby and share the data with your family in real-time.

Contributors Docker Cloud container status Docker Pulls Maintainability FOSSA Status

Features

Create a new baby by entering his/her name in the designated field. Afterwards you will receive a unique id which represents your baby. Share this id with your husband, family and friends. All inserts, updates and deletes will be synced to everyone in realtime, thanks to the magic of websockets.

At the moment these activities can be tracked:

  • Diaper
  • Nursing
  • Food
  • Sleep
  • Measurement

The data can be exported by clicking export in the bottom right-hand corner.

You can also activate a dark mode.

Screenshots at the features page

Translations

πŸ‡©πŸ‡ͺ πŸ‡«πŸ‡· πŸ‡ΊπŸ‡Έ πŸ‡©πŸ‡° πŸ‡¨πŸ‡³

To correct a translation simply edit the corresponding message.po file.

To add a new language you can do this:

# Fork https://github.com/mikebarkmin/baby-tracker.git
git clone https://github.com/{your_username}/baby-tracker.git
cd baby-tracker.git
git checkout -b languages/{languagecode}
yarn install
yarn locale:add {languagecode}
yarn locale:extract
# Edit client/src/locale/{languagecode}/messages.po
yarn locale:compile
Update client/src/locales/catalogs.js
Update client/src/hooks/useLocale.js
# Submit a pull request

Please add your questions as GitHub issue: Baby-Tracker Feature Requests and Bugs.

Develop

# Fork https://github.com/mikebarkmin/baby-tracker.git
git clone https://github.com/{yourusername}/baby-tracker.git
cd baby-tracker
cd client
yarn install
cd ..
docker-compose up
# Submit a pull request

Deploy

wget https://github.com/mikebarkmin/baby-tracker/raw/master/docker-compose.prod.yml
wget https://github.com/mikebarkmin/baby-tracker/raw/master/mongo-init.js
# Change username and password to something other than server/test
docker-compose -f docker-compose.prod.yml up
# Visit localhost:8080

Backup & Restore

# backup
docker-compose -f docker-compose.prod.yml exec -T mongo sh -c 'mongodump --username=root --password=example --archive' > db.dump.archive

# restore
docker-compose -f docker-compose.prod.yml exec -T mongo sh -c 'mongorestore --username=root --password=example --archive' < db.dump.archive

License

Licensed under the MIT License, Copyright Β© 2019-present Mike Barkmin.

See LICENSE for more information.

baby-tracker's People

Contributors

lookshe avatar mikebarkmin avatar ptst avatar renovate-bot avatar thewindsofwinter avatar yixi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

baby-tracker's Issues

Add Measurements

Add the ability to measure the baby:

  • Weight
  • Height
  • Maybe Head Circumference?

Account Management

Add a simple email/password based account systems. Each account could be linked with one or more babies. It should be easy to switch between these babies. For example by using a dropdown menu.

Translation to ZH (mandarin-chinese)

I was thinking that we could add Mandarin Chinese, given how often it is used. I'd be happy to fork and add this locale, if you would like. I noticed there aren't contribution guidelines: are there any specific things I should follow (besides what is in the README)?

Dark Theme

A dark theme wold be nice for feeding at night. For example with a button in the header which changes to a dark background

Thanks!!!!!!

New dad here, I was looking for this app and was like "lemme take look on GitHub" after finding crap apps with ads and data exploitation on App Store πŸ™„

The code is really clean πŸ‘ŒπŸΎ
I will be glad to contribute in the future knowing the time you offer me to pass with my daughter... or probably to sleep πŸ˜‚

I hope you and your family are doing well, and I'm sending you some love from France 😁πŸ₯°

Danke schon!

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined. Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.

Slow loading when dealing with much entries

It would be better to just load e.g 20 entries or all entries of the last two days. The next days will only be fetched if a load more button is pressed. The next days could also be automatically fetched if you scroll to the bottom of the screen.

Client Dynamic Endpoint

Use an environment variable to set the URL of the endpoint dynamically. At the moment you have to rebuild the client.

Make More Personal

Make the app more personal.

  • Let the user take a photo for the day
  • Let the user save a note for the day
  • Show the babies name on the overview
  • Show how old the baby is

Offline Mode

baby tracker is a pwa, but there is currently no way to use the app properly in offline mode.

I would be nice, if in offline mode a new created entry will be sent to a queue. The content of the queue should be sent to the server, when the app is going online. Also, the app should fetch new events, when going online.

Add "how to use" in GitHub README

I'm looking to use this, and just learned about it a couple minutes ago. Not necessarily looking to develop the app or tinker, just would like to set it up and get going.

Maybe add a "how to use" or "quickstart" section to the README? Or link to whatever website has that info?

Dealing with the data

  • Add the ability to export the data in JSON format.
  • Add the ability to delete the data.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.