Foodiary

Web application for comfortable diet arrangement with the possibility of monitoring your body measurements

Main features

• Create a food diary with the exact amount of macronutrients and calories for each meal
• The ability to save multiple meal templates to use it in furter creation of diary
• Saving multiple personal products to database
• Server-side products search based on pagination, entered phrase and category selection
• The ability to choose products from an external api (Open Food Facts API)
• Performing multi-dimensional calculations to display macronutrients and calories
• Saving JWT Token in cookies
• Server-based authentication when re-entering the website
• Intercepting Http error statuses and perform further actions
• A calculator to determine your macronutriments depending on the chosen goal and dimensions
• Logging and two way registration (standard register and registering with questionnaire)
• Protected routes (for guests, users and forbidden direct entry from address)
• Monitoring of measurement progress (soon displaying on charts)
• Caching particular data to avoid queries

Technology stack

Front-End

• Typescript
• Angular
• RxJS
• MaterialUI
• GSAP
• Parallax.js / Vanta.js

Back-End

• Typescript
• Node.js
• Express.js
• MongoDB
• Cheerio.js

Videos 1080p (click to open a video)

Search products route params & Creating / Updating single meal template

Logging, measurements monitoring, auto generating macronutriments from calculator / manual calories setting

Product create / read / edit / delete & Product search based on server-side pagination, entered phrase and category selection

Creating complete diary

Diary view / edit / delete

Database model

Click to open image