- Популярные видео
- Авто
- Видео-блоги
- ДТП, аварии
- Для маленьких
- Еда, напитки
- Животные
- Закон и право
- Знаменитости
- Игры
- Искусство
- Комедии
- Красота, мода
- Кулинария, рецепты
- Люди
- Мото
- Музыка
- Мультфильмы
- Наука, технологии
- Новости
- Образование
- Политика
- Праздники
- Приколы
- Природа
- Происшествия
- Путешествия
- Развлечения
- Ржач
- Семья
- Сериалы
- Спорт
- Стиль жизни
- ТВ передачи
- Танцы
- Технологии
- Товары
- Ужасы
- Фильмы
- Шоу-бизнес
- Юмор
PERN Full Course 2026 | React, NodeJS, Express, PostgreSQL...
Welcome to my complete Full-Stack AI Gym Planner Course. You will learn how to build a production-ready AI application using a modern tech stack: React, TypeScript, Express, PostgreSQL (Neon), and OpenAI.
📖 Video Resources:
Neon: https://get.neon.com/zfawtPa
Code Repo: https://github.com/machadop1407/pern-fullstack-course
Want to Learn NextJS? 🍀
Check out my Course: https://www.webdevultra.com/nextjs
💻 Check out my Blog: https://www.webdevultra.com/articles
🐤 Follow me on Twitter: (https://twitter.com/pedrotech_)
📸 Follow me on Instagram: (https://www.instagram.com/pedro.fmachado_/)
🧳 Follow me on Linkedin: (https://www.linkedin.com/company/pedrotech)
📋 Business Email: pedro@pedrotech.co
Timestamps:
00:00:00 | Intro – What We’re Building
00:10:45 | Frontend Setup – React, Routing, Tailwind & Project Structure
00:22:30 | Authentication Setup – Neon Database & Auth Integration
00:35:40 | Auth Context & Protected Routing Logic
00:48:50 | Building the Onboarding Questionnaire UI
01:05:30 | Creating the Express Server & Backend Infrastructure
01:22:10 | Database Models & Profile/Plan API Routes
01:38:45 | Connecting Frontend to Backend (Saving Profile Data)
01:56:20 | OpenAI Integration – Generating the AI Workout Plan
02:18:40 | Rendering the Generated Plan, Final Logic & Wrap-Up
Видео PERN Full Course 2026 | React, NodeJS, Express, PostgreSQL... канала PedroTech
📖 Video Resources:
Neon: https://get.neon.com/zfawtPa
Code Repo: https://github.com/machadop1407/pern-fullstack-course
Want to Learn NextJS? 🍀
Check out my Course: https://www.webdevultra.com/nextjs
💻 Check out my Blog: https://www.webdevultra.com/articles
🐤 Follow me on Twitter: (https://twitter.com/pedrotech_)
📸 Follow me on Instagram: (https://www.instagram.com/pedro.fmachado_/)
🧳 Follow me on Linkedin: (https://www.linkedin.com/company/pedrotech)
📋 Business Email: pedro@pedrotech.co
Timestamps:
00:00:00 | Intro – What We’re Building
00:10:45 | Frontend Setup – React, Routing, Tailwind & Project Structure
00:22:30 | Authentication Setup – Neon Database & Auth Integration
00:35:40 | Auth Context & Protected Routing Logic
00:48:50 | Building the Onboarding Questionnaire UI
01:05:30 | Creating the Express Server & Backend Infrastructure
01:22:10 | Database Models & Profile/Plan API Routes
01:38:45 | Connecting Frontend to Backend (Saving Profile Data)
01:56:20 | OpenAI Integration – Generating the AI Workout Plan
02:18:40 | Rendering the Generated Plan, Final Logic & Wrap-Up
Видео PERN Full Course 2026 | React, NodeJS, Express, PostgreSQL... канала PedroTech
javascript learn reactjs react tutorial reactjs reactjs beginner reactjs tutorial react js crash course react js pedrotech freecodecamp pedro tech javascript mastery javascriptmastery full stack course fullstack react react full stack project react express tutorial node js tutorial ai app tutorial ai full stack project postgresql tutorial authentication tutorial react authentication backend development web development course modern web development
Комментарии отсутствуют
Информация о видео
3 марта 2026 г. 18:01:42
02:38:39
Другие видео канала







![🚀 CryptoCurrency Web App [Part 2] - React JS Tutorial (Beginners) | Tutorial #17](https://i.ytimg.com/vi/gBF_7nCrWuQ/default.jpg)




![🚀 CryptoCurrency Web App [Part 1] - ReactJS Beginner Course | Tutorial #16](https://i.ytimg.com/vi/ZWyCflBbznY/default.jpg)



![Full Stack Web Development Course [7] | ReactJS, NodeJS, MySQL - Comment Section in React](https://i.ytimg.com/vi/2Xr-WddT3Lo/default.jpg)
![Full Stack Web Development Course [10] | ReactJS, NodeJS, MySQL - Auth in the Frontend](https://i.ytimg.com/vi/RnALCXo6U-k/default.jpg)
![ReactJS Course [13] - Typescript | React Type Safety](https://i.ytimg.com/vi/DhmPNpWPNSg/default.jpg)
![Full Stack Web Development Course [12] | ReactJS, NodeJS, MySQL - Liking System](https://i.ytimg.com/vi/gX3swJ1RHrs/default.jpg)
![ReactJS Course [9] - UseContext Hook | State Management](https://i.ytimg.com/vi/FzBGqvxdxv0/default.jpg)
![Form Validation - Full Stack Web Development Course [4] | ReactJS, NodeJS, MySQL](https://i.ytimg.com/vi/lxroBmTiOhI/default.jpg)