DailyMeals — Angular frontend
Angular 19 rewrite of the React meal-plan-frontend app.
Stack
- Angular 19 (standalone components)
- Tailwind CSS 3
@ngx-translate(EN / PL)- Reactive forms
- JWT auth with silent refresh (
AuthInterceptor)
Development
cd meal-plan-frontend-angular
npm install
npm start
App runs at http://localhost:4200 with API proxied to http://localhost:5000 (proxy.conf.json).
Ensure the ASP.NET API is running locally before signing in.
Production build
npm run build
Output: dist/meal-plan-frontend-angular/browser/
Docker
docker build -t dailymeals-angular .
Uses nginx with HTTPS and /api reverse proxy (same pattern as the React frontend).
Routes
| Path | Page |
|---|---|
/login, /register |
Auth (public) |
/ |
Dashboard |
/breakfast … /dinner |
Category lists |
/all-meals |
Search, select, PDF export |
/manage-meals |
Manual add + Excel import |
/recipes/:id |
Recipe detail |
i18n
Translation files: public/i18n/en.json, public/i18n/pl.json
Language preference stored in localStorage key dailymeals.lang.