NutriKit · C1–D4
Client Web · Next.js · Phase 2 Prototype

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.

C

Client Web Panel

C1

Dashboard

Landing page: today's plan, macro overview, and upcoming appointments.

app.nutrikit.io/dashboard
Next visit

Tue 15 Jul · 10:00 with Marta

Video call · review week 3 progress

1 480/ 1 900

Calories today

Macros

Protein92/120g
Carbs160/210g
Fat48/65g

Today's meals

Oatmeal & berries420
Chicken salad bowl540
Greek yoghurt210

Upcoming

View all

Check-in call

Tue 15 Jul · 10:00

Weekly survey

Due Fri 11 Jul

Progress photos

Weekend

C2

Plan View (Weekly / Daily)

Browse the assigned diet plan, open recipes, swap meals. Weekly calendar grid on desktop.

app.nutrikit.io/plan
7–13 July

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

C3

Shopping List

Same list as mobile, laid out for desktop and optimised for printing.

app.nutrikit.io/shopping
7–13 July 8 of 24 done

Produce

Dairy

Protein

Grains

Summary

Categories4
Total items24
Checked off8
C4

Progress & Measurements

Charts, measurement history, photo uploads, and goal tracking.

app.nutrikit.io/progress

Current weight

66.8 kg

-3.2 kg in 12 wks
AprMayJunJul
68%

to goal · 64 kg

Measurements

MetricStartNowChange
Waist8278-4 cm
Hips9896-2 cm
Body fat28%24%-4%

Photos

C5

Chat

Messaging with the specialist — conversation list plus the active thread.

app.nutrikit.io/chat
MW

Marta Wójcik

Let's keep it in rotation.

NK

Nutrition team

Your survey is ready.

MW

Marta Wójcik

Online

MW
Morning! How did the new breakfast sit with you?
Really good — kept me full till lunch.
MW
Perfect. Let's keep it in rotation.
C6

Discover / Recommendations

Browse recipes and the educational materials your dietitian assigned.

app.nutrikit.io/discover
All High-protein < 20 min Vegetarian

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

C7

Settings & Profile

Personal info, dietary preferences, and notification settings.

app.nutrikit.io/settings
AK

Allergies

Peanuts Lactose Add
D

Shared / Cross-cutting

D1

Login / Registration

Shared auth for all panels. Role-based routing after sign-in.

app.nutrikit.io/login

Welcome back

Sign in to continue.

or
D2

Forgot Password

Request a reset link by email.

app.nutrikit.io/reset

Reset your password

Enter your email and we'll send a reset link.

Back to sign in
D3

404 / Error

Graceful not-found and error state with a way back.

app.nutrikit.io/oops

404

This plate is empty

The page you're looking for moved or never existed.

D4

Loading / Skeleton States

Consistent shimmer placeholders while data loads — shown here on the dashboard shell.

app.nutrikit.io/dashboard