Client web & shared — C1 to D4
The desktop client panel (mirrors the mobile app) plus shared auth, error, and loading states — one screen per row, same green/cream system.
Client Web Panel
Dashboard
Landing page: today's plan, macro overview, and upcoming appointments.
Tue 15 Jul · 10:00 with Marta
Video call · review week 3 progress
Calories today
Macros
Today's meals
Upcoming
View allCheck-in call
Tue 15 Jul · 10:00
Weekly survey
Due Fri 11 Jul
Progress photos
Weekend
Plan View (Weekly / Daily)
Browse the assigned diet plan, open recipes, swap meals. Weekly calendar grid on desktop.
Wed 11
Oatmeal
420
Salad bowl
540
Yoghurt
210
Salmon
610
1 780 kcal
Thu 12
Eggs
320
Wrap
520
Curry
560
Fri 13
Pancakes
410
Poke bowl
590
Sat 14
Toast
300
Pasta
640
Sun 15
Omelette
380
Roast
700
Mon 16
Smoothie
340
Bowl
520
Tue 17
Oats
420
Soup
380
Shopping List
Same list as mobile, laid out for desktop and optimised for printing.
Produce
Dairy
Protein
Grains
Summary
Progress & Measurements
Charts, measurement history, photo uploads, and goal tracking.
Current weight
66.8 kg
to goal · 64 kg
Measurements
| Metric | Start | Now | Change |
|---|---|---|---|
| Waist | 82 | 78 | -4 cm |
| Hips | 98 | 96 | -2 cm |
| Body fat | 28% | 24% | -4% |
Photos
Chat
Messaging with the specialist — conversation list plus the active thread.
Marta Wójcik
Let's keep it in rotation.
Nutrition team
Your survey is ready.
Marta Wójcik
Online
Discover / Recommendations
Browse recipes and the educational materials your dietitian assigned.
Teriyaki salmon
480 · 18 min
Chickpea curry
390 · 25 min
Protein pancakes
410 · 15 min
Poke bowl
590 · 20 min
Falafel wrap
520 · 15 min
Turkey bowl
560 · 22 min
Assigned by Marta
Meal-prep guide
PDF · 8 pages
Understanding macros
5 min read
Portion sizes video
External link
Settings & Profile
Personal info, dietary preferences, and notification settings.
Allergies
Shared / Cross-cutting
Login / Registration
Shared auth for all panels. Role-based routing after sign-in.
Forgot Password
Request a reset link by email.
404 / Error
Graceful not-found and error state with a way back.
404
This plate is empty
The page you're looking for moved or never existed.
Loading / Skeleton States
Consistent shimmer placeholders while data loads — shown here on the dashboard shell.