Create homepage, recipes, saved post

- Create the tsx files or front end design following next.js inside app folder where homepage still part of app root while the rest must have its own app/login/page.tsx.
- Use @ and api fetch where it uses request like POST or GET to verify later.
- Understanding tsx further, whenever needed user input create that into state variables; useState("")->empty string so later JSON can pack it.
- Every variable inside request body (JSON), it will automatically be string, ex: username, password.

Start by reading the existing app folder and its Next.js page structure; the issue specifically names the root homepage and app/login/page.tsx. Identify the expected homepage, recipes, and saved-post screens, then review how the project currently makes GET and POST requests. Done means those pages and request flows are implemented, with user inputs held in state and request bodies serializable as JSON.

Written by the indexing model from the issue text.