Build a Full-Stack AI Recipe Generator App | PERN Stack, React, Node.js, PostgreSQL

Published: 20 February 2026
on channel: Time To Program

12,252

267

In this video, we'll build a Full-Stack AI Recipe Generator App using the PERN (PostgreSQL, Express, React, Node.js) stack, styled with Tailwind CSS v4, and powered by Google Gemini AI.

👉 Neon: https://get.neon.com/QsF3Crf

Get Source Code: https://buymeacoffee.com/timetoprogra...

🔥 Complete Web Developer Bundle
Includes 100+ React Components, 12 Full Stack Projects, 5 Cheat Sheets & 500+ Interview Q&As
👉 Get it here: https://buymeacoffee.com/timetoprogra...

👉 Get Frontend UI Boilerplate code: https://github.com/time-to-program/ai...

Functionalities Implemented:

1. User Authentication – JWT login & signup with bcryptjs
2. Pantry Management – Track ingredients with expiry alerts & low-stock badges
3. AI Recipe Generation – Generate recipes from pantry items via Google Gemini 2.5 Flash
4. Dietary & Cuisine Filters – Vegetarian, Vegan, Keto, Paleo, Gluten-Free & 10+ cuisines
5. Recipe View – Ingredients, step-by-step instructions, nutrition info & AI cooking tips
6. Recipe Collection – Save, search & filter recipes by cuisine and difficulty
7. Meal Planner – Weekly Breakfast, Lunch & Dinner calendar with week navigation
8. Shopping List – Check off items & add directly to pantry in one click
9. User Preferences – Set default dietary & cuisine settings to pre-fill the recipe generator
10. PostgreSQL Schema – Normalized relational tables hosted on Neon
11. Responsive UI – Modern design with Tailwind CSS v4

00:00 Demo of AI Recipe Generator App
16:50 Cloning Frontend UI Boilerplate
20:19 Backend Setup & Project Structure
22:40 PostgreSQL Database Setup
32:44 User & Preferences Models
35:46 Authentication APIs (Login, Register, Profile)
47:18 Pantry, Recipe, Meal Plan & Shopping List Models
1:01:34 Pantry, AI Recipe, Meal Plan & Shopping List APIs
1:23:45 Frontend API Integration

Also, check out:
Build a Stunning React Portfolio Website
   • Build a Stunning React Portfolio Website w...

Build an AI-Powered eBook Creator
   • Build an AI-Powered eBook Creator | MERN, ...

#mernstack #ailearning #reactjs #nodejs #aiproject #googlegemini

Follow us on :
Instagram:   / timetoprogram

For more updates, subscribe to your channel:
   / @timetoprogram-yt

Please like, share, and subscribe for more videos like this.
Thank You.

On this page of the site you can watch the video online Build a Full-Stack AI Recipe Generator App | PERN Stack, React, Node.js, PostgreSQL with a duration of hours minute second in good quality, which was uploaded by the user Time To Program 20 February 2026, share the link with friends and acquaintances, this video has already been watched 12,252 times on youtube and it was liked by 267 viewers. Enjoy your viewing!

1,019,015

21K