1500+ fertige mobile React Native App-Screens

Partner
App-Sets

Skillet

8 Screens · Kochen und Rezepte

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

Das Designsystem und alle 8 Screens in einem Prompt. Jeder Screen hat auch seine eigene Seite, kostenlos, wenn du nur einen willst.

Designsystem

Eine Datei, die mit dem Set ausgeliefert wird. Jeder Screen schreibt diese Werte direkt aus, damit er sich einzeln herauslösen lässt, und der Build lehnt einen Screen ab, der eine Farbe malt, die diese Datei nicht benennt.

Farben

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

Skalen

space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm8
md12
lg16
sheet22
control12
pill999
insetFloor
top12
bottom16
Schrift
Inter, 4 Schnitte

Der Ablauf

In der Reihenfolge, in der man ihnen begegnet. Das ist die Abfolge der App selbst, keine Liste von Kategorien.

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, eine App mit 8 Screens | Clevens