FullStack SaaS AI NotebookLM Clone | MERN Stack |React,Node,ShadCN,MongoDB|LangChain Tutorial

Опубликовано: 04 Май 2026
на канале: Wizard Engineer

6,847

193

Build a powerful FullStack SaaS AI NotebookLM Clone using the MERN Stack (MongoDB, Express, React, Node) with ShadCN UI, Tailwind CSS, LangChain, and RAG. Learn how to create an intelligent research app with AI-powered document understanding and note generation.

Become a Wizard Member
  / join

Langchain V1 : Agent Creation (very important)
https://docs.langchain.com/oss/javasc...

JOIN THE AI HERO COURSE ⭐🌟✨
Join here : https://forms.gle/1B1tKJ4CzgjnBXFY6

Source Code

Fronted :https://github.com/Bienfait-ijambo/fo...
Backend : https://www.patreon.com/posts/noteboo...

Public Assets : https://github.com/Bienfait-ijambo/no...

Audio Generation
Eleven Labs : https://try.elevenlabs.io/udfusg1ytqlh

Search Tools Used
Tavily Card needed : https://www.tavily.com/
ExaSearch No Card needed : https://exa.ai/

Modal Providers
Chat Cerebras : https://cloud.cerebras.ai?referral_co...
Chat FireWorks : https://fireworks.ai/

Dicord channel :   / discord
Subscribe :    / @wizengineer

Features:
🌐 MERN Stack (MongoDB, Express, React, Node)
🎨 Tailwind CSS & Shadcn UI
🔒 Authentication with Google
🧠 Organizations
💵 Billing with monthly tiers
👾 Cron Job with Agenda
🚀 Chat Over Documents
👨‍🚀Audio Generation Over Doc
👨‍🚀MindMap generation
🏎️ Payment With Stripe
🫣 Emoji reactions
🖼️ Image uploads with presigned URLs
🦾 Channels
✅ Realtime presence
👥 Invite members
📜Google Drive Integration
🖊️ Edit messages
💂 Self-serve customer portal
🧮 MongoDB as database
💾 Mongoose ORM

Additional Features:
✅ Performance-optimized architecture
✅ Clean, secure and maintainable codebase
✅ Data Access Layer & DTO

TimesCode

0:00 - App Demo NotebookLM
5:00 - Course Outline
6:30 - Installing Node, TypeScript
12:20 - Langchain & Prompt Engineering
55:29 - LanGraph/Build AI Workflow
1:14:40 - Learn RAG (Corrective RAG) & Vector DB
2:05:12 - Build A QA AI Workflow
2:42:37 - Map-Reduce Technique(Summary generation)
2:59:35 - Study-Guide,BriefingDoc,FAQ
3:02:46 - MindMap Generation
3:09:08 - Build Express Server
3:18:06 - Auth & Google Drive Integration
3:28:15 - setup DB Connection (MongoDB)
3:30:00 - User API
3:57:40 - Note API & BackGround Jobs
4:44:08 - Endpoints:Summary,BriefingDoc,FAQ,MindMap
5:29:00 - React & ShadCN UI
5:32:00 - Layouts (Auth,Note,Chat)