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
Contact
You have a question ? Do not hesitate to contact me.