Full Stack NextJs Course : AI Note Taking App Using React, Tailwind css | SaaS App

preview_player
Показать описание
Full Stack NextJs Course: AI Note Taking App Using React, Tailwind CSS, LangChain | SaaS App 📚🚀

🔔 Subscribe for more tutorials and hit the bell icon for updates! 🛎️👨‍💻

📚 Materials/References:

🔥AI Bases React + NextJs Projects:

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
Рекомендации по теме
Комментарии
Автор

Incredible! Love to see your works towards building innovative SaaS apps. Keep up the great content!

vikashthakur-dt
Автор

Build a data scrapper in next js or any other tech stack

Blockoffcode
Автор

I am thinking of having a Data Analytical Tool where we will have a drag and drop feature, and it will automatically detect the relationship between the datasets. and all Data Analysis processes will be easy on the one platform.

gauravwankhede
Автор

This project is incredible . Thank you brother

xxehacker
Автор

Hey… have you ever thought — what if there was an academy where you don’t just learn web development, but also learn how to make money from it?

Like… real freelancing taught by someone who's actually doing it?

Now imagine this — it’s not a big group class where you feel like just another face in the crowd.
It’s just YOU and your mentor.

1 teacher. 1 student. 100% focus.

YourPersonalTeacher
Автор

Sir, please give link of the keyboard that you are using🙏🙏

karanhengade
Автор

Thank You so much guru ji. I just finished the deployment.👌👌👌👌

VikasKumar-rbrm
Автор

1:53:48 u might wanna put api key in a process variable

edit:
if your process variables aren't working u need to hardline them in convex production

ZDL
Автор

Wow. You put out one good video after another. Great respect and many thanks! I've already learned so much from you! One video that I would find interesting would be a food delivery app with a map interface so that you can track your order live in React Native and maybe Supabase. I would be interested in what the map interface could look like and how it could be implemented. Keep up the good and qualitative work Sir. :) <3

wesom-
Автор

Anticipating the react native part of this video

chigoziepascalumeugokwe
Автор

You Are Incredible Really Wonderful Please Make More AI Driven Projects Because I have to create my FYP

IslamiQUmaH
Автор

this is great, but please cover some standard coding practices and along with the negative cases, i can see you covered only basic and all postive cases.

theoriginators
Автор

I am thinking of something without ai something with concepts or or very deep in ai. And bro I started learning nextjs from your videos this week and I really like the way make videos chapterwise so you can follow step by step. Thank you for your efforts. 😊

ManishGupta-nvby
Автор

so basically for I have to open each PDF to able to communicate with them? It would be great if you could communicate with any of the pdfs I uploaded at any given time. So for example if I have uploaded 100 pdfs then create a search bar to ask question to any of the 100 pdfs without even open every single one.

jebbush
Автор

Amazing work. Big thank for your teaching style

yantech.
Автор

how does your metadata of documents table changes to object? @2:40:45 and its a string @2:04:15

ayushdhiman
Автор

1:36:10 I think langchain changed their website could u provide url to code we need in this tutorial

ZDL
Автор

Can i skip the convex part becauee i am getting are u connected to internet error multiple times please reply 🙏❤️🙏❤️🙏❤️😢😢😢😢😢

SuhagShetty
Автор

Great video! Thank you for sharing your knowledge with us on youtube. Would be grateful if you created a full stack mobile fitness application. Anyway good luck 🙂

strawjamberry
Автор

Amazing project please create more AI projects

nakul_sabharwal