Full Stack NextJs Course : AI Note Taking App Using React, Tailwind css, LangChain | SaaS App
Full Stack NextJs Course: AI Note Taking App Using React, Tailwind CSS, LangChain | SaaS App ππ
Learn how to build a powerful AI-powered PDF note-taking app from scratch! This comprehensive course covers everything from setting up a Next.js project to integrating advanced AI capabilities using LangChain.
π Subscribe for more tutorials and hit the bell icon for updates! ποΈπ¨βπ»
β TubeGuruji : https://tubeguruji.com
β Clerk : https://go.clerk.com/CRVjKRz
β Convex : https://convex.dev/c/tubeguruji
Demo App : https://ai-pdf-note-taker-8ve1.vercel.app
β Tubeguruji PRO Membership : https://www.tubeguruji.com
π Materials/References:
Resources : https://dcmk.short.gy/ai-pdf-note-sources
Free Resources : https://dcmk.short.gy/ai-pdf-note-code
Source : https://dcmk.short.gy/ai-pdf-note-resource
π₯AI Bases React + NextJs Projects:
ππ»AI Resume Builder App: https://youtu.be/RiUh_8VTGYM
ππ»AI Mock Interview App: https://youtu.be/Q5LM985yUmQ
ππ»AI Form Builder SaaS Application: https://youtu.be/s28yOCBVgGw
π Members Only : https://www.tubeguruji.com/course-preview/nextjs-full-stack-ai-pdf-notes-taking-app
πΌοΈ Follow us on Instagram: https://www.instagram.com/tubeguruji/
πΌ Business Inquiries: admin@tubeguruji.com
Content:
– Learn to Create NextJs React App and Library Install
– Implement Social and Email Password authentication with Clerk
– Setup Real Time Convex Database
– Learn Tailwindcss
– Dashboard Layout
– Upload PDF
– Learn LangChain with LLM
– Load PDF, Text Splitting, Embedding Using LLM, Vector Store
– Setup Gemini API : AI modal
– Build Text Editor
– Learn How to Search vector Search on Query to Get AI Result
– Step by step tutorial
– Deploy App on Cloud / Vercel
Chapter:
00:00:00 Introduction
00:07:54 Project Setup
00:19:54 Backend Setup (Convex DB)
00:27:49 Authentication
00:45:36 Dashboard Layout (UI)
00:59:30 Upload PDF File (Dialog Form)
01:08:46 Application Logic explain
01:01:11 Upload PDF and Store
01:32:26 PDF Loader & Text Splitter
01:46:20 Embedding & Vector Store
02:07:32 PDF Viewer
02:20:36 Text Editor
02:34:33 AI Notes from PDF
02:58:37 Quick Fix
03:19:34 Dashboard (Display User PDF List)
03:38:26 Payment Gateway
04:03:39 Deploy App