Skip to content
Application to insert a baby's weight, length and BMI and to compare the measurements with standard data
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
.htmlbefore.swp
LICENSE
README.md
bmianthro.txt
graph.js
iGrow.js
iGrow.png
iGrow1.png
iGrow2.png
iGrow3.png
index.html
lenanthro.txt
stylesheet.css
weianthro.txt

README.md

iGrow

Looking back

This was my first project using front-end software. Looking back on it, it was very useful to learn not only HTML, but also javascript. I would now use a template for CSS, higher level framework to improve the UI, use SQL or even better noSQL storage, and starting working with technologies that are mobile app friendly.

iGrow

Follow this link to try this application: edosil.net/igrow/

The application page shows a graph and some controls. The graph shows the average weight [Kg], length [cm] or BMI [Kg/m2] of a baby between 0 and 200 weeks of age. The data was downloaded from the World Health Organization database. Alt text

The buttons on the bottom of the page allows the user to add their desired data as follows:

  1. Add a baby: click on Edit babies. In the pop up dialog fill in the Name, Gender and Birthdate. Alt text

  2. Add, Edit or Remove a weight/length/BMI measurement: click on the "Edit measures" button. Alt text

  3. You can zoom in the graph using the mouse wheel. Clicking on the datapoints allows the user to delete them, and hovering over a datapoint displays more information. Alt text

  4. Of course there are more features to discover, which are accessible using the buttons on the user interface. Enjoy!

You can’t perform that action at this time.