Create New Recipe Page

[christinabrgs]

Description

Build the layout for the Create New Recipe Page, where users can create a new recipe. The route uses dynamic parameters for $author. This page should display form for creating a new recipe and allow the user to edit, post (publish), cancel, or draft the recipe.

Requirements

• Follow Figma design
• Use mock data for placeholder in input/form fields
• Add a loading state
• Add the following action buttons:
  • Draft Recipe — saves without posting
  • Cancel — navigates back without creating
  • Publish Recipe — marks recipe as published
• Mobile- and desktop-responsive layout
• add field to create/ edit slug

Development Instructions

• Create 'route.tsx' file at: web/app/routes/_app.new

[lyehatten]

@christinabrgs Just to clarify, the description mentions using dynamic routing but the Development instructions state to create a file at a route that does not use dynamic routing. Should I make the new directory web/app/routes/_app.new.$author instead of web/app/routes/_app.new?

[GV14982]

@lyehatten This is a good question. I don't think we want the route to by dynamic, as it should be using the session to say what user is creating the recipe.

Let's stick with web/app/routes/_app.new.