glvno / oslo-kokeboka Goto Github PK

Should enforce cropping to desired aspect ratio
Should down res to appropriate resolution or impose a max resolution.

Use Formik for the form library

Create several reusable form components:

• Single Line Text Input
• Multi line text input (textarea?)
• Select dropdown
• Checkbox
• Plus icon for adding ingredient steps

See email thread for details of fields.

Form data should save to local storage upon any input

This should persist on refresh, browser close, etc.

On Submit should clear local storage

There should be a cancel button for resetting all fields

Add reusable components: Search bar

• Query the db by recipe title
• Allows edits to be made to recipes that have already been reviewed.

aws cognito or something easy

We should query the db for all recipes that haven't been reviewed.

Recipes should be displayed in cards.

Each recipe card should have a Deny, Edit, and Approve button attached to it.

Deny => flip reviewed: true, and blocked: true
Edit => Should convert the recipe card into a form input similar to the user facing one. On submission of edits, update reviewed: true.
Approve => flip reviewed: true

Approval or denial should remove the card from view.

• Build about bar graphic
• Add about text

• Map?
• Recipe feed

• We should only define our typographies once. I noticed you had applied a font-weight style about 14 different times in the last PR.
• Let's get the designers to keep a library of the typographies which will make our lives easier.

in the Typography.css file

button { 
   // ...typography styles associated with button
}

p {
   // ...typography styles associated with p
}

We should translate all recipes from the database into english on the /admin route so the admin team can review them.

/ (base route)

• Your Recipe page (see figma)

/about

• About page (see figma)

/recipes
-Oslo Recipes page (see figma)

/admin

• Admin Page

See react-i18next

We should be able to switch the language of the website via a select dropdown for any language that we have translations for.

We should be able to intake form data in the language that website is currently in.

• should lint on PR
• should test on PR