1500+ hazır React Native mobil uygulama ekranı

Ortaklar
Uygulama setleri

Skillet

8 ekran · Yemek pişirme ve tarifler

A recipe app where changing the servings changes everything

Eight screens of a cooking app built on one number stored with each recipe, the servings it was written for, with every quantity, dish size, browning batch, total cook time, cost a portion and merged shopping list quantity worked out from it against the servings you actually want.

PRO

Tasarım sistemi ve 8 ekranın hepsi tek bir promptta. Sadece biri lazımsa her ekranın kendi ücretsiz sayfası da var.

Tasarım sistemi

Setle birlikte gelen tek bir dosya. Her ekran tek başına alınabilsin diye bu değerleri kendi içinde yazar, ve bu dosyanın adını koymadığı bir rengi boyayan ekranı derleme reddeder.

Renkler

palette
ground
#FBF7F0
surface
#FFFFFF
sunken
#F1EBE1
line
#E4DCCF
ink
#1C1917
inkMuted
#6B665C
inkFaint
#847E72
accent
#C8412B
onAccent
#FFFFFF
data
spend
#2F6BD4
stock
#1F7A4D
waiting
#7B52AB

Ölçekler

space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm8
md12
lg16
sheet22
control12
pill999
insetFloor
top12
bottom16
Yazı tipi
Inter, 4 ağırlık

Akış

İnsanların karşılaştığı sırayla. Bu, kategori listesi değil, uygulamanın kendi sırası.

Deciding what to cook

3

The three screens that end with a recipe open on the counter. Every price and every count on them is for the servings set in Settings, not for the number the recipe was written at.

Actually cooking it

2

One step at a time, large enough to read from the hob, then the note you leave yourself about what you changed.

The week, the shop and the servings

3

Five dinners, the merge that turns them into one shop, and the single control that rewrites every number in the app.

Skillet, 8 ekranlık bir uygulama | Clevens