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

See other projects

E-mail-icon

Contact

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