Foody-App 🍔

A simple project to learn how to use Angular and Node w/ TypeScript.

Description

This application allows you to manage your daily food consumption. You can through different features you can manage your diet, weight, physical activity and health.

Tech stack

Frontend

• Angular 🅰️
• TailwindCSS + DaisyUI 🍃
• Font Awesome 🎨
• Chart.js 📊

Backend

• Node + TypeScript 🟩
• Express 🚂
• Multer 📁
• JWT 🍪
• Bcrypt 🔒
• MySQL 🐬

Common

• TypeScript 🟦
• pnpm 📦

Installation 📥

Install pnpm (if not already installed)

npm install -g pnpm

Frontend

cd frontend
pnpm install

Backend

cd backend
pnpm install

In the backend folder, rename the .env.example file to .env and fill it with your own values.

APP_URL=http://localhost:<frontend-port>
PORT=<port>
JWT=<jwt-secret>
DB_HOST=<db-host>
DB_USER=<db-user>
DB_PASS=<db-password>

Database

Import the database from the foody-app.sql.zip file into your MySQL server.

Getting started 🏁

Frontend

cd frontend
pnpm start

and go to http://localhost:4200

Backend

cd backend
pnpm dev

TODO 📇

• User Authentication
• Allow a user to enter a new food with (name, calorie, lipid, carbohydrate, protein)
• Allow a user to fill in 4 categories for this day: breakfast, lunch, dinner and snack with a product
• The product list is a common list between all users of the application
• An administrator can delete a product
• Allow the user to follow his consumption over a given period (free representation: graph, table, summary list, etc.)