Green Intake


This web application was developed under the supervision of a mentor from Dell, that allows users to upload food pictures, the system will detect the type of food, calculate total calories and nutrient breakdown result.

It was done by integrating a Vision AI model from Clarifai using their food classification model. Users will upload an image of their meal, and the picture will then be passed to the Clarifai API and food content in the image will be labeled accordingly. The labels will then return back to the web application in the backend, which then being sent to the WolframAlpha API to calculate the macro and micronutrients, and total calories in XML format, the result will then returned to the web server and shown to the user.

The website was completed as a collaboration between me and other four members as a college project. Two of the members handle the business and project documentation, another two handle the front-end web design, and I handle the website’s back-end. That includes the javascript, APIs integration and web hosting on Google Firebase.

Unfortunately due to the expired free trial developer api, the website is still available but it will not return the results of the uploaded image.

This project refined my skills on AI vision recognition, website hosting, API integration and communication.

Project information

  • Category: Web App
  • Project date: 2021
  • Project URL: -
  • Tools: Clarifai, WolframAlpha, Visual Studio Code
  • Technique: Visual AI, XML, API Integration, HTML, JavaScript