FullStack SaaS AI NotebookLM | MERN Stack | React,Node,ShadCN,Tailwind CSS |AI Agent |Langchain

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

1,718

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

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 - DiscoveryModal
1:35 - EditNote Modal
2:24 - Chat Page & Installing Redux
22:41 - Authentication Google Auth
33:38 - NotePage API Interaction
50:40 - Upload Docs With Google Drive
1:47:41 - Doc Uploading Via (weblink & Youtube Video)
2:17:39 - File Uploading (Drag & Drop )
2:25:34 - DiscoveryModal(Web-Search-Tavily)
2:46:45 - Edit Note
2:54:33 - Summary,FAQ,Briefing Doc,Study-Guide)
3:40:10 - MindMap,Audio,Video)
4:15:44 - Chat AI Agent With Tools and Memory
5:09:25 - Payment With Stripe & Advance Error Handling