Combine Vibe Coding and n8n to Build Real AI Apps

Combine Vibe Coding and n8n to Build Real AI Apps

freeCodeCamp.org via freeCodeCamp Direct link

0:00:00 Intro

1 of 20

1 of 20

0:00:00 Intro

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Combine Vibe Coding and n8n to Build Real AI Apps

Automatically move to the next video in the Classroom when playback concludes

  1. 1 0:00:00 Intro
  2. 2 0:02:07 What do Software Engineers do?
  3. 3 0:04:12 Vibe Coding - Who Started This Movement?
  4. 4 0:06:48 Fear Not Vibe Coding - Here’s Why
  5. 5 0:09:39 Vibe Coding - the Full Workflow
  6. 6 0:10:56 Bring it All Together - Vibecoding and Software Engineering Principles - Vibecoding Like an Engineer
  7. 7 0:18:08 LLM and Context - Why Does it Matter?
  8. 8 0:21:39 The Path to Follow when Vibe Coding
  9. 9 0:23:14 How To Think About Vibe Coding to Build Production Applications
  10. 10 0:25:11 Setting up N8N
  11. 11 0:25:41 Basics on N8N - Create your First Workflow and Webhooks
  12. 12 0:30:27 Leveraging AI Coding Agents to Build the Frontend - Intro to Bolt.new - Upload Files to our N8N Backend
  13. 13 0:47:01 Adding an N8N Switch Node to our Backend Workflow - Processing PDF, TXT, and CSV Files
  14. 14 0:59:27 Understanding Binary Files and Troubleshooting N8N Issues
  15. 15 1:08:29 An Overview of the Workflow Architecture - Bulletproofing the Workflow for Further Processing Downstream
  16. 16 1:16:04 Adding a Code Node to our N8N Workflow for Processing Data
  17. 17 1:17:59 Deconstructing the Field Extraction Node Code
  18. 18 1:22:58 Combining Extracted Data through the Code Node
  19. 19 1:25:59 Testing the Workflow - Full File Upload and File Processing Workflow
  20. 20 1:31:12 Final Thoughts and Where to Go From Here

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.