Skip to content

PeterSYoo/prepmealai-t3

Repository files navigation

PrepMeal AI

An app that utilizes generative ai to generate recipes tailored to your exact caloric and macronutrient requirements.

Video Demo

https://www.youtube.com/watch?v=dPIB8GwZ67Y

Trello

https://trello.com/b/oEypd5sm/prepmeal-ai

Figma

https://www.figma.com/file/0LRVWzXez1cZBF35UMTQTC/PrepMeal-AI?node-id=0-1&t=r1zrbLWs4464efLn-0

Technologies Used

  • TypeScript
  • NextJS
  • tRPC
  • Zod
  • Prisma
  • TanStack Query
  • OpenAI
  • Tailwind CSS
  • NextAuth.js
  • PostgreSQL
  • dnd-kit
  • React Hook Form

App Features

Users can

  • Sign up with a email address.
  • Sign in with Google or Discord credentials.
  • Generate recipes using a form where they input their caloric and macronutrient info.
  • View their recipe in a styled component.
  • Save their recipe to a recipe board.
  • Rearrange their recipe cards on the recipe board using drag and drop functionality.
  • Delete recipe cards by dragging and dropping their card in a delete container.
  • Save the changes they made to their recipe board.
  • View the recipe by clicking on a recipe card.