Projects

Foody App

Foody App

Angular

Tailwind CSS

DaisyUI

Font Awesome

Chart.js

Node

Express

Multer

JWT

Bcrypt

MySQL

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.)

See other projects

E-mail-icon

Contact

You have a question ? Do not hesitate to contact me.