Food labels can be confusing and hard to read, with the small numbers and text in the Nutrition Label Information table. Additionally ingredients lists can be long, and also written in small text. This information can be difficult to process on the go and without a reference point.
The purpose of the website is to visualise relative food labelling data from food packaging to make this process of interpretation easier. It is not however intended to provide nutritional advice.
Nutrition data is available from the Ministry of Health.
Plant & Food Research and the Ministry of Health jointly own the New Zealand Food Composition Database. This database source provides a comprehensive collection of nutrition information panel data as seen on food managing.
The FOODfiles™ Data is available subject to the FOODfiles™ Data Licensing terms.
First clone this repo and install Node.js using your terminal:
npm install
The other dependencies are already available in the repo.
To run and view in http://localhost:3000/
, use the following command in your terminal:
npm run dev
The application is deployed to Heroku https://food-label.herokuapp.com/
The boilerplate provided courtesy of EDA (Enspiral Dev Academy), provides a starter generic file structure:
.
├── client
│ ├── actions
│ │ └── index.js
│ ├── components
│ │ ├── App.jsx
│ ├── reducers
│ │ ├── index.js
│ └── index.js
├── public
│ ├── index.html
│ └── main.css
├── server
│ ├── index.js
│ └── server.js
├── .gitignore
├── package.json
├── README.md
└── webpack.config.js
A popular stacks is called the MERN stack which consists of:
- MongoDb is a document-based database
- Express js is a back end web and server framework for Node.js
- React js is a JavaScript front-end library for building user interfaces
- Node js is a JavaScript runtime built on Chrome’s V8 JavaScript engine